/*!
 * Angular Material Design
 * https://github.com/angular/material
 * @license MIT
 * v0.11.2
 */
html, body {
  height: 100%;
  color: rgba(0, 0, 0, 0.87);
  background: white;
  position: relative; }

body {
  margin: 0;
  padding: 0; }

[tabindex='-1']:focus {
  outline: none; }

.inset {
  padding: 10px; }

button.md-no-style {
  font-weight: normal;
  background-color: inherit;
  text-align: left;
  border: none;
  padding: 0;
  margin: 0; }

select, button, textarea, input {
  vertical-align: baseline; }

input[type="reset"], input[type="submit"], html input[type="button"], button {
  cursor: pointer;
  -webkit-appearance: button; }
  input[type="reset"][disabled], input[type="submit"][disabled], html input[type="button"][disabled], button[disabled] {
    cursor: default; }

textarea {
  vertical-align: top;
  overflow: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
  -webkit-box-sizing: content-box; }
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }

.md-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-transform: none;
  width: 1px; }

.md-shadow {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  pointer-events: none; }

.md-shadow-bottom-z-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }

.md-shadow-bottom-z-2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }

.md-shadow-animated.md-shadow {
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }

/*
 * A container inside of a rippling element (eg a button),
 * which contains all of the individual ripples
 */
.md-ripple-container {
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1); }

.md-ripple {
  position: absolute;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  opacity: 0;
  border-radius: 50%; }
  .md-ripple.md-ripple-placed {
    transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .md-ripple.md-ripple-scaled {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }
  .md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
    opacity: 0.20; }

.md-padding {
  padding: 8px; }

.md-margin {
  margin: 8px; }

.md-scroll-mask {
  position: absolute;
  background-color: transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .md-scroll-mask > .md-scroll-mask-bar {
    display: block;
    position: absolute;
    background-color: #fafafa;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 65;
    box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3); }

@media (min-width: 600px) {
  .md-padding {
    padding: 16px; } }

html, body {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/************
 * Headings
 ************/
.md-display-4 {
  font-size: 112px;
  font-weight: 300;
  letter-spacing: -0.01em;
  line-height: 112px; }

.md-display-3 {
  font-size: 56px;
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 56px; }

.md-display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 64px; }

.md-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px; }

.md-headline {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px; }

.md-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.005em; }

.md-subhead {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 24px; }

/************
 * Body Copy
 ************/
.md-body-1 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 20px; }

.md-body-2 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 24px; }

.md-caption {
  font-size: 12px;
  letter-spacing: 0.02em; }

.md-button {
  letter-spacing: 0.01em; }

/************
 * Defaults
 ************/
button, select, html, textarea, input {
  font-family: Roboto, 'Helvetica Neue', sans-serif; }

select, button, textarea, input {
  font-size: 100%; }

/*
*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  4) http://godban.com.ua/projects/flexgrid
*
*/
@-moz-document url-prefix() {
  .layout-fill, [layout-fill] {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%; } }

/*
 *  Apply Mixins to create Layout/Flexbox styles
 *
 */
.flex-order, [flex-order] {
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0; }

.flex-order-0, [flex-order="0"] {
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0; }

.flex-order-1, [flex-order="1"] {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.flex-order-2, [flex-order="2"] {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

.flex-order-3, [flex-order="3"] {
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3; }

.flex-order-4, [flex-order="4"] {
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4; }

.flex-order-5, [flex-order="5"] {
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5; }

.flex-order-6, [flex-order="6"] {
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6; }

.flex-order-7, [flex-order="7"] {
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7; }

.flex-order-8, [flex-order="8"] {
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8; }

.flex-order-9, [flex-order="9"] {
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9; }

.flex-order-10, [flex-order="10"] {
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10; }

.flex-order-11, [flex-order="11"] {
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11; }

.flex-order-12, [flex-order="12"] {
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12; }

.flex-order-13, [flex-order="13"] {
  -webkit-order: 13;
      -ms-flex-order: 13;
          order: 13; }

.flex-order-14, [flex-order="14"] {
  -webkit-order: 14;
      -ms-flex-order: 14;
          order: 14; }

.flex-order-15, [flex-order="15"] {
  -webkit-order: 15;
      -ms-flex-order: 15;
          order: 15; }

.flex-order-16, [flex-order="16"] {
  -webkit-order: 16;
      -ms-flex-order: 16;
          order: 16; }

.flex-order-17, [flex-order="17"] {
  -webkit-order: 17;
      -ms-flex-order: 17;
          order: 17; }

.flex-order-18, [flex-order="18"] {
  -webkit-order: 18;
      -ms-flex-order: 18;
          order: 18; }

.flex-order-19, [flex-order="19"] {
  -webkit-order: 19;
      -ms-flex-order: 19;
          order: 19; }

.offset-0, [offset="0"] {
  margin-left: 0%; }

.offset-5, [offset="5"] {
  margin-left: 5%; }

.offset-10, [offset="10"] {
  margin-left: 10%; }

.offset-15, [offset="15"] {
  margin-left: 15%; }

.offset-20, [offset="20"] {
  margin-left: 20%; }

.offset-25, [offset="25"] {
  margin-left: 25%; }

.offset-30, [offset="30"] {
  margin-left: 30%; }

.offset-35, [offset="35"] {
  margin-left: 35%; }

.offset-40, [offset="40"] {
  margin-left: 40%; }

.offset-45, [offset="45"] {
  margin-left: 45%; }

.offset-50, [offset="50"] {
  margin-left: 50%; }

.offset-55, [offset="55"] {
  margin-left: 55%; }

.offset-60, [offset="60"] {
  margin-left: 60%; }

.offset-65, [offset="65"] {
  margin-left: 65%; }

.offset-70, [offset="70"] {
  margin-left: 70%; }

.offset-75, [offset="75"] {
  margin-left: 75%; }

.offset-80, [offset="80"] {
  margin-left: 80%; }

.offset-85, [offset="85"] {
  margin-left: 85%; }

.offset-90, [offset="90"] {
  margin-left: 90%; }

.offset-95, [offset="95"] {
  margin-left: 95%; }

.offset-33, [offset-="33"], .offset-34, [offset-="34"] {
  margin-left: 33%; }

.offset-66, [offset-="66"], .offset-67, [offset-="67"] {
  margin-left: 67%; }

.layout-align-center, .layout-align-center-center, .layout-align-center-start, .layout-align-center-end, [layout-align="center"], [layout-align="center center"], [layout-align="center start"], [layout-align="center end"] {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.layout-align-end, .layout-align-end-center, .layout-align-end-start, .layout-align-end-end, [layout-align="end"], [layout-align="end center"], [layout-align="end start"], [layout-align="end end"] {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.layout-align-space-around, .layout-align-space-around-center, .layout-align-space-around-start, .layout-align-space-around-end, [layout-align="space-around"], [layout-align="space-around center"], [layout-align="space-around start"], [layout-align="space-around end"] {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }

.layout-align-space-between, .layout-align-space-between-center, .layout-align-space-between-start, .layout-align-space-between-end, [layout-align="space-between"], [layout-align="space-between center"], [layout-align="space-between start"], [layout-align="space-between end"] {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.layout-align-center-start, .layout-align-start-start, .layout-align-end-start, .layout-align-space-between-start, .layout-align-space-around-start, [layout-align="center start"], [layout-align="start start"], [layout-align="end start"], [layout-align="space-between start"], [layout-align="space-around start"] {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }

.layout-align-center-center, .layout-align-start-center, .layout-align-end-center, .layout-align-space-between-center, .layout-align-space-around-center, [layout-align="center center"], [layout-align="start center"], [layout-align="end center"], [layout-align="space-between center"], [layout-align="space-around center"] {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%; }

.layout-align-center-end, .layout-align-start-end, .layout-align-end-end, .layout-align-space-between-end, .layout-align-space-around-end, [layout-align="center end"], [layout-align="start end"], [layout-align="end end"], [layout-align="space-between end"], [layout-align="space-around end"] {
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }

.flex {
  box-sizing: border-box; }

.flex {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.flex-grow {
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }

.flex-initial {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto; }

.flex-auto {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.flex-none {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.flex-0 {
  box-sizing: border-box;
  -webkit-flex: 0 0 0%;
      -ms-flex: 0 0 0%;
          flex: 0 0 0%; }

.md-layout-row > .flex-0, .md-layout-row > .flex-0 {
  -webkit-flex: 0 0 0%;
      -ms-flex: 0 0 0%;
          flex: 0 0 0%;
  max-width: 0%;
  max-height: 100%; }

.md-layout-column > .flex-0, .md-layout-column > .flex-0 {
  -webkit-flex: 0 0 0%;
      -ms-flex: 0 0 0%;
          flex: 0 0 0%;
  max-width: 100%;
  max-height: 0%; }

.flex-5 {
  box-sizing: border-box;
  -webkit-flex: 0 0 5%;
      -ms-flex: 0 0 5%;
          flex: 0 0 5%; }

.md-layout-row > .flex-5, .md-layout-row > .flex-5 {
  -webkit-flex: 0 0 5%;
      -ms-flex: 0 0 5%;
          flex: 0 0 5%;
  max-width: 5%;
  max-height: 100%; }

.md-layout-column > .flex-5, .md-layout-column > .flex-5 {
  -webkit-flex: 0 0 5%;
      -ms-flex: 0 0 5%;
          flex: 0 0 5%;
  max-width: 100%;
  max-height: 5%; }

.flex-10 {
  box-sizing: border-box;
  -webkit-flex: 0 0 10%;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%; }

.md-layout-row > .flex-10, .md-layout-row > .flex-10 {
  -webkit-flex: 0 0 10%;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
  max-width: 10%;
  max-height: 100%; }

.md-layout-column > .flex-10, .md-layout-column > .flex-10 {
  -webkit-flex: 0 0 10%;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
  max-width: 100%;
  max-height: 10%; }

.flex-15 {
  box-sizing: border-box;
  -webkit-flex: 0 0 15%;
      -ms-flex: 0 0 15%;
          flex: 0 0 15%; }

.md-layout-row > .flex-15, .md-layout-row > .flex-15 {
  -webkit-flex: 0 0 15%;
      -ms-flex: 0 0 15%;
          flex: 0 0 15%;
  max-width: 15%;
  max-height: 100%; }

.md-layout-column > .flex-15, .md-layout-column > .flex-15 {
  -webkit-flex: 0 0 15%;
      -ms-flex: 0 0 15%;
          flex: 0 0 15%;
  max-width: 100%;
  max-height: 15%; }

.flex-20 {
  box-sizing: border-box;
  -webkit-flex: 0 0 20%;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%; }

.md-layout-row > .flex-20, .md-layout-row > .flex-20 {
  -webkit-flex: 0 0 20%;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
  max-height: 100%; }

.md-layout-column > .flex-20, .md-layout-column > .flex-20 {
  -webkit-flex: 0 0 20%;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 100%;
  max-height: 20%; }

.flex-25 {
  box-sizing: border-box;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%; }

.md-layout-row > .flex-25, .md-layout-row > .flex-25 {
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  max-height: 100%; }

.md-layout-column > .flex-25, .md-layout-column > .flex-25 {
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 100%;
  max-height: 25%; }

.flex-30 {
  box-sizing: border-box;
  -webkit-flex: 0 0 30%;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%; }

.md-layout-row > .flex-30, .md-layout-row > .flex-30 {
  -webkit-flex: 0 0 30%;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  max-width: 30%;
  max-height: 100%; }

.md-layout-column > .flex-30, .md-layout-column > .flex-30 {
  -webkit-flex: 0 0 30%;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  max-width: 100%;
  max-height: 30%; }

.flex-35 {
  box-sizing: border-box;
  -webkit-flex: 0 0 35%;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%; }

.md-layout-row > .flex-35, .md-layout-row > .flex-35 {
  -webkit-flex: 0 0 35%;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%;
  max-width: 35%;
  max-height: 100%; }

.md-layout-column > .flex-35, .md-layout-column > .flex-35 {
  -webkit-flex: 0 0 35%;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%;
  max-width: 100%;
  max-height: 35%; }

.flex-40 {
  box-sizing: border-box;
  -webkit-flex: 0 0 40%;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%; }

.md-layout-row > .flex-40, .md-layout-row > .flex-40 {
  -webkit-flex: 0 0 40%;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  max-width: 40%;
  max-height: 100%; }

.md-layout-column > .flex-40, .md-layout-column > .flex-40 {
  -webkit-flex: 0 0 40%;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  max-width: 100%;
  max-height: 40%; }

.flex-45 {
  box-sizing: border-box;
  -webkit-flex: 0 0 45%;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%; }

.md-layout-row > .flex-45, .md-layout-row > .flex-45 {
  -webkit-flex: 0 0 45%;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  max-width: 45%;
  max-height: 100%; }

.md-layout-column > .flex-45, .md-layout-column > .flex-45 {
  -webkit-flex: 0 0 45%;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  max-width: 100%;
  max-height: 45%; }

.flex-50 {
  box-sizing: border-box;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%; }

.md-layout-row > .flex-50, .md-layout-row > .flex-50 {
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  max-height: 100%; }

.md-layout-column > .flex-50, .md-layout-column > .flex-50 {
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 100%;
  max-height: 50%; }

.flex-55 {
  box-sizing: border-box;
  -webkit-flex: 0 0 55%;
      -ms-flex: 0 0 55%;
          flex: 0 0 55%; }

.md-layout-row > .flex-55, .md-layout-row > .flex-55 {
  -webkit-flex: 0 0 55%;
      -ms-flex: 0 0 55%;
          flex: 0 0 55%;
  max-width: 55%;
  max-height: 100%; }

.md-layout-column > .flex-55, .md-layout-column > .flex-55 {
  -webkit-flex: 0 0 55%;
      -ms-flex: 0 0 55%;
          flex: 0 0 55%;
  max-width: 100%;
  max-height: 55%; }

.flex-60 {
  box-sizing: border-box;
  -webkit-flex: 0 0 60%;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%; }

.md-layout-row > .flex-60, .md-layout-row > .flex-60 {
  -webkit-flex: 0 0 60%;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  max-width: 60%;
  max-height: 100%; }

.md-layout-column > .flex-60, .md-layout-column > .flex-60 {
  -webkit-flex: 0 0 60%;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  max-width: 100%;
  max-height: 60%; }

.flex-65 {
  box-sizing: border-box;
  -webkit-flex: 0 0 65%;
      -ms-flex: 0 0 65%;
          flex: 0 0 65%; }

.md-layout-row > .flex-65, .md-layout-row > .flex-65 {
  -webkit-flex: 0 0 65%;
      -ms-flex: 0 0 65%;
          flex: 0 0 65%;
  max-width: 65%;
  max-height: 100%; }

.md-layout-column > .flex-65, .md-layout-column > .flex-65 {
  -webkit-flex: 0 0 65%;
      -ms-flex: 0 0 65%;
          flex: 0 0 65%;
  max-width: 100%;
  max-height: 65%; }

.flex-70 {
  box-sizing: border-box;
  -webkit-flex: 0 0 70%;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%; }

.md-layout-row > .flex-70, .md-layout-row > .flex-70 {
  -webkit-flex: 0 0 70%;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  max-width: 70%;
  max-height: 100%; }

.md-layout-column > .flex-70, .md-layout-column > .flex-70 {
  -webkit-flex: 0 0 70%;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  max-width: 100%;
  max-height: 70%; }

.flex-75 {
  box-sizing: border-box;
  -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%; }

.md-layout-row > .flex-75, .md-layout-row > .flex-75 {
  -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
  max-height: 100%; }

.md-layout-column > .flex-75, .md-layout-column > .flex-75 {
  -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 100%;
  max-height: 75%; }

.flex-80 {
  box-sizing: border-box;
  -webkit-flex: 0 0 80%;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%; }

.md-layout-row > .flex-80, .md-layout-row > .flex-80 {
  -webkit-flex: 0 0 80%;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  max-width: 80%;
  max-height: 100%; }

.md-layout-column > .flex-80, .md-layout-column > .flex-80 {
  -webkit-flex: 0 0 80%;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  max-width: 100%;
  max-height: 80%; }

.flex-85 {
  box-sizing: border-box;
  -webkit-flex: 0 0 85%;
      -ms-flex: 0 0 85%;
          flex: 0 0 85%; }

.md-layout-row > .flex-85, .md-layout-row > .flex-85 {
  -webkit-flex: 0 0 85%;
      -ms-flex: 0 0 85%;
          flex: 0 0 85%;
  max-width: 85%;
  max-height: 100%; }

.md-layout-column > .flex-85, .md-layout-column > .flex-85 {
  -webkit-flex: 0 0 85%;
      -ms-flex: 0 0 85%;
          flex: 0 0 85%;
  max-width: 100%;
  max-height: 85%; }

.flex-90 {
  box-sizing: border-box;
  -webkit-flex: 0 0 90%;
      -ms-flex: 0 0 90%;
          flex: 0 0 90%; }

.md-layout-row > .flex-90, .md-layout-row > .flex-90 {
  -webkit-flex: 0 0 90%;
      -ms-flex: 0 0 90%;
          flex: 0 0 90%;
  max-width: 90%;
  max-height: 100%; }

.md-layout-column > .flex-90, .md-layout-column > .flex-90 {
  -webkit-flex: 0 0 90%;
      -ms-flex: 0 0 90%;
          flex: 0 0 90%;
  max-width: 100%;
  max-height: 90%; }

.flex-95 {
  box-sizing: border-box;
  -webkit-flex: 0 0 95%;
      -ms-flex: 0 0 95%;
          flex: 0 0 95%; }

.md-layout-row > .flex-95, .md-layout-row > .flex-95 {
  -webkit-flex: 0 0 95%;
      -ms-flex: 0 0 95%;
          flex: 0 0 95%;
  max-width: 95%;
  max-height: 100%; }

.md-layout-column > .flex-95, .md-layout-column > .flex-95 {
  -webkit-flex: 0 0 95%;
      -ms-flex: 0 0 95%;
          flex: 0 0 95%;
  max-width: 100%;
  max-height: 95%; }

.flex-100 {
  box-sizing: border-box;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }

.md-layout-row > .flex-100, .md-layout-row > .flex-100 {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  max-height: 100%; }

.md-layout-column > .flex-100, .md-layout-column > .flex-100 {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  max-height: 100%; }

.md-layout-row > .flex-33, .md-layout-row > .flex-34, .md-layout-row > .flex-33, .md-layout-row > .flex-34 {
  -webkit-flex: 0 0 33%;
      -ms-flex: 0 0 33%;
          flex: 0 0 33%;
  max-width: 33%;
  max-height: 100%; }
.md-layout-row > .flex-66, .md-layout-row > .flex-67, .md-layout-row > .flex-66, .md-layout-row > .flex-67 {
  -webkit-flex: 0 0 67%;
      -ms-flex: 0 0 67%;
          flex: 0 0 67%;
  max-width: 67%;
  max-height: 100%; }

.md-layout-column > .flex-33, .md-layout-column > .flex-34, .md-layout-column > .flex-33, .md-layout-column > .flex-34 {
  -webkit-flex: 0 0 33%;
      -ms-flex: 0 0 33%;
          flex: 0 0 33%;
  max-width: 100%;
  max-height: 33%; }
.md-layout-column > .flex-66, .md-layout-column > .flex-67, .md-layout-column > .flex-66, .md-layout-column > .flex-67 {
  -webkit-flex: 0 0 67%;
      -ms-flex: 0 0 67%;
          flex: 0 0 67%;
  max-width: 100%;
  max-height: 67%; }

.md-layout, .md-layout-column, .md-layout-row {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.md-layout-column {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.md-layout-row {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.layout-padding > .flex-sm, .layout-padding > .flex-lt-md {
  padding: 4px; }

.layout-padding, .layout-padding > .flex, .layout-padding > .flex-gt-sm, .layout-padding > .flex-md, .layout-padding > .flex-lt-lg {
  padding: 8px; }

.layout-padding > .flex-gt-md, .layout-padding > .flex-lg {
  padding: 16px; }

.layout-margin > .flex-sm, .layout-margin > .flex-lt-md {
  margin: 4px; }

.layout-margin, .layout-margin > .flex, .layout-margin > .flex-gt-sm, .layout-margin > .flex-md, .layout-margin > .flex-lt-lg {
  margin: 8px; }

.layout-margin > .flex-gt-md, .layout-margin > .flex-lg {
  margin: 16px; }

.layout-wrap, [layout-wrap] {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.layout-nowrap, [layout-nowrap] {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }

.layout-fill, [layout-fill] {
  margin: 0;
  width: 100%;
  min-height: 100%;
  height: 100%; }

/**
 * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
 * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
 * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
 *
 *  hide means hide everywhere
 *  Sizes:
 *         0    <= size < 600  Phone
 *         600  <= size < 960  Tablet
 *         960  <= size < 1200 Tablet-Landscape
 */
@media (max-width: 599px) {
  .hide-sm:not(.show-sm):not(.show), .hide:not(.show-sm):not(.show) {
    display: none; }
  .flex-order-sm-0, [flex-order-sm="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  .flex-order-sm-1, [flex-order-sm="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .flex-order-sm-2, [flex-order-sm="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .flex-order-sm-3, [flex-order-sm="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .flex-order-sm-4, [flex-order-sm="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .flex-order-sm-5, [flex-order-sm="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .flex-order-sm-6, [flex-order-sm="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .flex-order-sm-7, [flex-order-sm="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .flex-order-sm-8, [flex-order-sm="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .flex-order-sm-9, [flex-order-sm="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .flex-order-sm-10, [flex-order-sm="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .flex-order-sm-11, [flex-order-sm="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .flex-order-sm-12, [flex-order-sm="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .flex-order-sm-13, [flex-order-sm="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  .flex-order-sm-14, [flex-order-sm="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  .flex-order-sm-15, [flex-order-sm="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  .flex-order-sm-16, [flex-order-sm="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  .flex-order-sm-17, [flex-order-sm="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  .flex-order-sm-18, [flex-order-sm="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  .flex-order-sm-19, [flex-order-sm="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  .offset-sm-0, [offset-sm="0"] {
    margin-left: 0%; }
  .offset-sm-5, [offset-sm="5"] {
    margin-left: 5%; }
  .offset-sm-10, [offset-sm="10"] {
    margin-left: 10%; }
  .offset-sm-15, [offset-sm="15"] {
    margin-left: 15%; }
  .offset-sm-20, [offset-sm="20"] {
    margin-left: 20%; }
  .offset-sm-25, [offset-sm="25"] {
    margin-left: 25%; }
  .offset-sm-30, [offset-sm="30"] {
    margin-left: 30%; }
  .offset-sm-35, [offset-sm="35"] {
    margin-left: 35%; }
  .offset-sm-40, [offset-sm="40"] {
    margin-left: 40%; }
  .offset-sm-45, [offset-sm="45"] {
    margin-left: 45%; }
  .offset-sm-50, [offset-sm="50"] {
    margin-left: 50%; }
  .offset-sm-55, [offset-sm="55"] {
    margin-left: 55%; }
  .offset-sm-60, [offset-sm="60"] {
    margin-left: 60%; }
  .offset-sm-65, [offset-sm="65"] {
    margin-left: 65%; }
  .offset-sm-70, [offset-sm="70"] {
    margin-left: 70%; }
  .offset-sm-75, [offset-sm="75"] {
    margin-left: 75%; }
  .offset-sm-80, [offset-sm="80"] {
    margin-left: 80%; }
  .offset-sm-85, [offset-sm="85"] {
    margin-left: 85%; }
  .offset-sm-90, [offset-sm="90"] {
    margin-left: 90%; }
  .offset-sm-95, [offset-sm="95"] {
    margin-left: 95%; }
  .offset-sm-33, [offset-sm="33"], .offset-sm-34, [offset-sm="34"] {
    margin-left: 33%; }
  .offset-sm-66, [offset-sm="66"], .offset-sm-67, [offset-sm="67"] {
    margin-left: 67%; }
  .layout-align-sm-center, .layout-align-sm-center-center, .layout-align-sm-center-start, .layout-align-sm-center-end, [layout-align-sm="center"], [layout-align-sm="center center"], [layout-align-sm="center start"], [layout-align-sm="center end"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .layout-align-sm-end, .layout-align-sm-end-center, .layout-align-sm-end-start, .layout-align-sm-end-end, [layout-align-sm="end"], [layout-align-sm="end center"], [layout-align-sm="end start"], [layout-align-sm="end end"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .layout-align-sm-space-around, .layout-align-sm-space-around-center, .layout-align-sm-space-around-start, .layout-align-sm-space-around-end, [layout-align-sm="space-around"], [layout-align-sm="space-around center"], [layout-align-sm="space-around start"], [layout-align-sm="space-around end"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .layout-align-sm-space-between, .layout-align-sm-space-between-center, .layout-align-sm-space-between-start, .layout-align-sm-space-between-end, [layout-align-sm="space-between"], [layout-align-sm="space-between center"], [layout-align-sm="space-between start"], [layout-align-sm="space-between end"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .layout-align-sm-center-start, .layout-align-sm-start-start, .layout-align-sm-end-start, .layout-align-sm-space-between-start, .layout-align-sm-space-around-start, [layout-align-sm="center start"], [layout-align-sm="start start"], [layout-align-sm="end start"], [layout-align-sm="space-between start"], [layout-align-sm="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .layout-align-sm-center-center, .layout-align-sm-start-center, .layout-align-sm-end-center, .layout-align-sm-space-between-center, .layout-align-sm-space-around-center, [layout-align-sm="center center"], [layout-align-sm="start center"], [layout-align-sm="end center"], [layout-align-sm="space-between center"], [layout-align-sm="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%; }
  .layout-align-sm-center-end, .layout-align-sm-start-end, .layout-align-sm-end-end, .layout-align-sm-space-between-end, .layout-align-sm-space-around-end, [layout-align-sm="center end"], [layout-align-sm="start end"], [layout-align-sm="end end"], [layout-align-sm="space-between end"], [layout-align-sm="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .flex-sm {
    box-sizing: border-box; }
  .flex-sm {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .flex-sm-grow {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
  .flex-sm-initial {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .flex-sm-auto {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .flex-sm-none {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .flex-sm-0 {
    box-sizing: border-box;
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%; }
  .md-layout-row > .flex-sm-0, .md-layout-sm-row > .flex-sm-0 {
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%;
    max-width: 0%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-0, .md-layout-sm-column > .flex-sm-0 {
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%;
    max-width: 100%;
    max-height: 0%; }
  .flex-sm-5 {
    box-sizing: border-box;
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%; }
  .md-layout-row > .flex-sm-5, .md-layout-sm-row > .flex-sm-5 {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%;
    max-width: 5%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-5, .md-layout-sm-column > .flex-sm-5 {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%;
    max-width: 100%;
    max-height: 5%; }
  .flex-sm-10 {
    box-sizing: border-box;
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%; }
  .md-layout-row > .flex-sm-10, .md-layout-sm-row > .flex-sm-10 {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 10%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-10, .md-layout-sm-column > .flex-sm-10 {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 100%;
    max-height: 10%; }
  .flex-sm-15 {
    box-sizing: border-box;
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%; }
  .md-layout-row > .flex-sm-15, .md-layout-sm-row > .flex-sm-15 {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%;
    max-width: 15%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-15, .md-layout-sm-column > .flex-sm-15 {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%;
    max-width: 100%;
    max-height: 15%; }
  .flex-sm-20 {
    box-sizing: border-box;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%; }
  .md-layout-row > .flex-sm-20, .md-layout-sm-row > .flex-sm-20 {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-20, .md-layout-sm-column > .flex-sm-20 {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 100%;
    max-height: 20%; }
  .flex-sm-25 {
    box-sizing: border-box;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; }
  .md-layout-row > .flex-sm-25, .md-layout-sm-row > .flex-sm-25 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-25, .md-layout-sm-column > .flex-sm-25 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 100%;
    max-height: 25%; }
  .flex-sm-30 {
    box-sizing: border-box;
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%; }
  .md-layout-row > .flex-sm-30, .md-layout-sm-row > .flex-sm-30 {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-30, .md-layout-sm-column > .flex-sm-30 {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 100%;
    max-height: 30%; }
  .flex-sm-35 {
    box-sizing: border-box;
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%; }
  .md-layout-row > .flex-sm-35, .md-layout-sm-row > .flex-sm-35 {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    max-width: 35%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-35, .md-layout-sm-column > .flex-sm-35 {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    max-width: 100%;
    max-height: 35%; }
  .flex-sm-40 {
    box-sizing: border-box;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%; }
  .md-layout-row > .flex-sm-40, .md-layout-sm-row > .flex-sm-40 {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-40, .md-layout-sm-column > .flex-sm-40 {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 100%;
    max-height: 40%; }
  .flex-sm-45 {
    box-sizing: border-box;
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%; }
  .md-layout-row > .flex-sm-45, .md-layout-sm-row > .flex-sm-45 {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    max-width: 45%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-45, .md-layout-sm-column > .flex-sm-45 {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    max-width: 100%;
    max-height: 45%; }
  .flex-sm-50 {
    box-sizing: border-box;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  .md-layout-row > .flex-sm-50, .md-layout-sm-row > .flex-sm-50 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-50, .md-layout-sm-column > .flex-sm-50 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 100%;
    max-height: 50%; }
  .flex-sm-55 {
    box-sizing: border-box;
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%; }
  .md-layout-row > .flex-sm-55, .md-layout-sm-row > .flex-sm-55 {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    max-width: 55%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-55, .md-layout-sm-column > .flex-sm-55 {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    max-width: 100%;
    max-height: 55%; }
  .flex-sm-60 {
    box-sizing: border-box;
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%; }
  .md-layout-row > .flex-sm-60, .md-layout-sm-row > .flex-sm-60 {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-60, .md-layout-sm-column > .flex-sm-60 {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 100%;
    max-height: 60%; }
  .flex-sm-65 {
    box-sizing: border-box;
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%; }
  .md-layout-row > .flex-sm-65, .md-layout-sm-row > .flex-sm-65 {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    max-width: 65%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-65, .md-layout-sm-column > .flex-sm-65 {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    max-width: 100%;
    max-height: 65%; }
  .flex-sm-70 {
    box-sizing: border-box;
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%; }
  .md-layout-row > .flex-sm-70, .md-layout-sm-row > .flex-sm-70 {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 70%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-70, .md-layout-sm-column > .flex-sm-70 {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 100%;
    max-height: 70%; }
  .flex-sm-75 {
    box-sizing: border-box;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%; }
  .md-layout-row > .flex-sm-75, .md-layout-sm-row > .flex-sm-75 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-75, .md-layout-sm-column > .flex-sm-75 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 100%;
    max-height: 75%; }
  .flex-sm-80 {
    box-sizing: border-box;
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%; }
  .md-layout-row > .flex-sm-80, .md-layout-sm-row > .flex-sm-80 {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-80, .md-layout-sm-column > .flex-sm-80 {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 100%;
    max-height: 80%; }
  .flex-sm-85 {
    box-sizing: border-box;
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%; }
  .md-layout-row > .flex-sm-85, .md-layout-sm-row > .flex-sm-85 {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
    max-width: 85%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-85, .md-layout-sm-column > .flex-sm-85 {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
    max-width: 100%;
    max-height: 85%; }
  .flex-sm-90 {
    box-sizing: border-box;
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%; }
  .md-layout-row > .flex-sm-90, .md-layout-sm-row > .flex-sm-90 {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 90%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-90, .md-layout-sm-column > .flex-sm-90 {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 100%;
    max-height: 90%; }
  .flex-sm-95 {
    box-sizing: border-box;
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%; }
  .md-layout-row > .flex-sm-95, .md-layout-sm-row > .flex-sm-95 {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%;
    max-width: 95%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-95, .md-layout-sm-column > .flex-sm-95 {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%;
    max-width: 100%;
    max-height: 95%; }
  .flex-sm-100 {
    box-sizing: border-box;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  .md-layout-row > .flex-sm-100, .md-layout-sm-row > .flex-sm-100 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-100, .md-layout-sm-column > .flex-sm-100 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    max-height: 100%; }
  .md-layout-row > .flex-sm-33, .md-layout-row > .flex-sm-34, .md-layout-sm-row > .flex-sm-33, .md-layout-sm-row > .flex-sm-34 {
    -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    max-width: 33%;
    max-height: 100%; }
  .md-layout-row > .flex-sm-66, .md-layout-row > .flex-sm-67, .md-layout-sm-row > .flex-sm-66, .md-layout-sm-row > .flex-sm-67 {
    -webkit-flex: 0 0 67%;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
    max-width: 67%;
    max-height: 100%; }
  .md-layout-column > .flex-sm-33, .md-layout-column > .flex-sm-34, .md-layout-sm-column > .flex-sm-33, .md-layout-sm-column > .flex-sm-34 {
    -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    max-width: 100%;
    max-height: 33%; }
  .md-layout-column > .flex-sm-66, .md-layout-column > .flex-sm-67, .md-layout-sm-column > .flex-sm-66, .md-layout-sm-column > .flex-sm-67 {
    -webkit-flex: 0 0 67%;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
    max-width: 100%;
    max-height: 67%; }
  .md-layout-sm, .md-layout-sm-column, .md-layout-sm-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .md-layout-sm-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .md-layout-sm-row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 600px) {
  .flex-order-gt-sm-0, [flex-order-gt-sm="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  .flex-order-gt-sm-1, [flex-order-gt-sm="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .flex-order-gt-sm-2, [flex-order-gt-sm="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .flex-order-gt-sm-3, [flex-order-gt-sm="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .flex-order-gt-sm-4, [flex-order-gt-sm="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .flex-order-gt-sm-5, [flex-order-gt-sm="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .flex-order-gt-sm-6, [flex-order-gt-sm="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .flex-order-gt-sm-7, [flex-order-gt-sm="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .flex-order-gt-sm-8, [flex-order-gt-sm="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .flex-order-gt-sm-9, [flex-order-gt-sm="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .flex-order-gt-sm-10, [flex-order-gt-sm="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .flex-order-gt-sm-11, [flex-order-gt-sm="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .flex-order-gt-sm-12, [flex-order-gt-sm="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .flex-order-gt-sm-13, [flex-order-gt-sm="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  .flex-order-gt-sm-14, [flex-order-gt-sm="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  .flex-order-gt-sm-15, [flex-order-gt-sm="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  .flex-order-gt-sm-16, [flex-order-gt-sm="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  .flex-order-gt-sm-17, [flex-order-gt-sm="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  .flex-order-gt-sm-18, [flex-order-gt-sm="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  .flex-order-gt-sm-19, [flex-order-gt-sm="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  .offset-gt-sm-0, [offset-gt-sm="0"] {
    margin-left: 0%; }
  .offset-gt-sm-5, [offset-gt-sm="5"] {
    margin-left: 5%; }
  .offset-gt-sm-10, [offset-gt-sm="10"] {
    margin-left: 10%; }
  .offset-gt-sm-15, [offset-gt-sm="15"] {
    margin-left: 15%; }
  .offset-gt-sm-20, [offset-gt-sm="20"] {
    margin-left: 20%; }
  .offset-gt-sm-25, [offset-gt-sm="25"] {
    margin-left: 25%; }
  .offset-gt-sm-30, [offset-gt-sm="30"] {
    margin-left: 30%; }
  .offset-gt-sm-35, [offset-gt-sm="35"] {
    margin-left: 35%; }
  .offset-gt-sm-40, [offset-gt-sm="40"] {
    margin-left: 40%; }
  .offset-gt-sm-45, [offset-gt-sm="45"] {
    margin-left: 45%; }
  .offset-gt-sm-50, [offset-gt-sm="50"] {
    margin-left: 50%; }
  .offset-gt-sm-55, [offset-gt-sm="55"] {
    margin-left: 55%; }
  .offset-gt-sm-60, [offset-gt-sm="60"] {
    margin-left: 60%; }
  .offset-gt-sm-65, [offset-gt-sm="65"] {
    margin-left: 65%; }
  .offset-gt-sm-70, [offset-gt-sm="70"] {
    margin-left: 70%; }
  .offset-gt-sm-75, [offset-gt-sm="75"] {
    margin-left: 75%; }
  .offset-gt-sm-80, [offset-gt-sm="80"] {
    margin-left: 80%; }
  .offset-gt-sm-85, [offset-gt-sm="85"] {
    margin-left: 85%; }
  .offset-gt-sm-90, [offset-gt-sm="90"] {
    margin-left: 90%; }
  .offset-gt-sm-95, [offset-gt-sm="95"] {
    margin-left: 95%; }
  .offset-gt-sm-33, [offset-gt-sm="33"], .offset-gt-sm-34, [offset-gt-sm="34"] {
    margin-left: 33%; }
  .offset-gt-sm-66, [offset-gt-sm="66"], .offset-gt-sm-67, [offset-gt-sm="67"] {
    margin-left: 67%; }
  .layout-align-gt-sm-center, .layout-align-gt-sm-center-center, .layout-align-gt-sm-center-start, .layout-align-gt-sm-center-end, [layout-align-gt-sm="center"], [layout-align-gt-sm="center center"], [layout-align-gt-sm="center start"], [layout-align-gt-sm="center end"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .layout-align-gt-sm-end, .layout-align-gt-sm-end-center, .layout-align-gt-sm-end-start, .layout-align-gt-sm-end-end, [layout-align-gt-sm="end"], [layout-align-gt-sm="end center"], [layout-align-gt-sm="end start"], [layout-align-gt-sm="end end"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .layout-align-gt-sm-space-around, .layout-align-gt-sm-space-around-center, .layout-align-gt-sm-space-around-start, .layout-align-gt-sm-space-around-end, [layout-align-gt-sm="space-around"], [layout-align-gt-sm="space-around center"], [layout-align-gt-sm="space-around start"], [layout-align-gt-sm="space-around end"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .layout-align-gt-sm-space-between, .layout-align-gt-sm-space-between-center, .layout-align-gt-sm-space-between-start, .layout-align-gt-sm-space-between-end, [layout-align-gt-sm="space-between"], [layout-align-gt-sm="space-between center"], [layout-align-gt-sm="space-between start"], [layout-align-gt-sm="space-between end"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .layout-align-gt-sm-center-start, .layout-align-gt-sm-start-start, .layout-align-gt-sm-end-start, .layout-align-gt-sm-space-between-start, .layout-align-gt-sm-space-around-start, [layout-align-gt-sm="center start"], [layout-align-gt-sm="start start"], [layout-align-gt-sm="end start"], [layout-align-gt-sm="space-between start"], [layout-align-gt-sm="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .layout-align-gt-sm-center-center, .layout-align-gt-sm-start-center, .layout-align-gt-sm-end-center, .layout-align-gt-sm-space-between-center, .layout-align-gt-sm-space-around-center, [layout-align-gt-sm="center center"], [layout-align-gt-sm="start center"], [layout-align-gt-sm="end center"], [layout-align-gt-sm="space-between center"], [layout-align-gt-sm="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%; }
  .layout-align-gt-sm-center-end, .layout-align-gt-sm-start-end, .layout-align-gt-sm-end-end, .layout-align-gt-sm-space-between-end, .layout-align-gt-sm-space-around-end, [layout-align-gt-sm="center end"], [layout-align-gt-sm="start end"], [layout-align-gt-sm="end end"], [layout-align-gt-sm="space-between end"], [layout-align-gt-sm="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .flex-gt-sm {
    box-sizing: border-box; }
  .flex-gt-sm {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .flex-gt-sm-grow {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
  .flex-gt-sm-initial {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .flex-gt-sm-auto {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .flex-gt-sm-none {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .flex-gt-sm-0 {
    box-sizing: border-box;
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%; }
  .md-layout-row > .flex-gt-sm-0, .md-layout-gt-sm-row > .flex-gt-sm-0 {
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%;
    max-width: 0%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-0, .md-layout-gt-sm-column > .flex-gt-sm-0 {
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%;
    max-width: 100%;
    max-height: 0%; }
  .flex-gt-sm-5 {
    box-sizing: border-box;
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%; }
  .md-layout-row > .flex-gt-sm-5, .md-layout-gt-sm-row > .flex-gt-sm-5 {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%;
    max-width: 5%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-5, .md-layout-gt-sm-column > .flex-gt-sm-5 {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%;
    max-width: 100%;
    max-height: 5%; }
  .flex-gt-sm-10 {
    box-sizing: border-box;
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%; }
  .md-layout-row > .flex-gt-sm-10, .md-layout-gt-sm-row > .flex-gt-sm-10 {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 10%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-10, .md-layout-gt-sm-column > .flex-gt-sm-10 {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 100%;
    max-height: 10%; }
  .flex-gt-sm-15 {
    box-sizing: border-box;
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%; }
  .md-layout-row > .flex-gt-sm-15, .md-layout-gt-sm-row > .flex-gt-sm-15 {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%;
    max-width: 15%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-15, .md-layout-gt-sm-column > .flex-gt-sm-15 {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%;
    max-width: 100%;
    max-height: 15%; }
  .flex-gt-sm-20 {
    box-sizing: border-box;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%; }
  .md-layout-row > .flex-gt-sm-20, .md-layout-gt-sm-row > .flex-gt-sm-20 {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-20, .md-layout-gt-sm-column > .flex-gt-sm-20 {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 100%;
    max-height: 20%; }
  .flex-gt-sm-25 {
    box-sizing: border-box;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; }
  .md-layout-row > .flex-gt-sm-25, .md-layout-gt-sm-row > .flex-gt-sm-25 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-25, .md-layout-gt-sm-column > .flex-gt-sm-25 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 100%;
    max-height: 25%; }
  .flex-gt-sm-30 {
    box-sizing: border-box;
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%; }
  .md-layout-row > .flex-gt-sm-30, .md-layout-gt-sm-row > .flex-gt-sm-30 {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-30, .md-layout-gt-sm-column > .flex-gt-sm-30 {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 100%;
    max-height: 30%; }
  .flex-gt-sm-35 {
    box-sizing: border-box;
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%; }
  .md-layout-row > .flex-gt-sm-35, .md-layout-gt-sm-row > .flex-gt-sm-35 {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    max-width: 35%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-35, .md-layout-gt-sm-column > .flex-gt-sm-35 {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    max-width: 100%;
    max-height: 35%; }
  .flex-gt-sm-40 {
    box-sizing: border-box;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%; }
  .md-layout-row > .flex-gt-sm-40, .md-layout-gt-sm-row > .flex-gt-sm-40 {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-40, .md-layout-gt-sm-column > .flex-gt-sm-40 {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 100%;
    max-height: 40%; }
  .flex-gt-sm-45 {
    box-sizing: border-box;
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%; }
  .md-layout-row > .flex-gt-sm-45, .md-layout-gt-sm-row > .flex-gt-sm-45 {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    max-width: 45%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-45, .md-layout-gt-sm-column > .flex-gt-sm-45 {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    max-width: 100%;
    max-height: 45%; }
  .flex-gt-sm-50 {
    box-sizing: border-box;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  .md-layout-row > .flex-gt-sm-50, .md-layout-gt-sm-row > .flex-gt-sm-50 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-50, .md-layout-gt-sm-column > .flex-gt-sm-50 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 100%;
    max-height: 50%; }
  .flex-gt-sm-55 {
    box-sizing: border-box;
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%; }
  .md-layout-row > .flex-gt-sm-55, .md-layout-gt-sm-row > .flex-gt-sm-55 {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    max-width: 55%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-55, .md-layout-gt-sm-column > .flex-gt-sm-55 {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    max-width: 100%;
    max-height: 55%; }
  .flex-gt-sm-60 {
    box-sizing: border-box;
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%; }
  .md-layout-row > .flex-gt-sm-60, .md-layout-gt-sm-row > .flex-gt-sm-60 {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-60, .md-layout-gt-sm-column > .flex-gt-sm-60 {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 100%;
    max-height: 60%; }
  .flex-gt-sm-65 {
    box-sizing: border-box;
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%; }
  .md-layout-row > .flex-gt-sm-65, .md-layout-gt-sm-row > .flex-gt-sm-65 {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    max-width: 65%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-65, .md-layout-gt-sm-column > .flex-gt-sm-65 {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    max-width: 100%;
    max-height: 65%; }
  .flex-gt-sm-70 {
    box-sizing: border-box;
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%; }
  .md-layout-row > .flex-gt-sm-70, .md-layout-gt-sm-row > .flex-gt-sm-70 {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 70%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-70, .md-layout-gt-sm-column > .flex-gt-sm-70 {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 100%;
    max-height: 70%; }
  .flex-gt-sm-75 {
    box-sizing: border-box;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%; }
  .md-layout-row > .flex-gt-sm-75, .md-layout-gt-sm-row > .flex-gt-sm-75 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-75, .md-layout-gt-sm-column > .flex-gt-sm-75 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 100%;
    max-height: 75%; }
  .flex-gt-sm-80 {
    box-sizing: border-box;
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%; }
  .md-layout-row > .flex-gt-sm-80, .md-layout-gt-sm-row > .flex-gt-sm-80 {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-80, .md-layout-gt-sm-column > .flex-gt-sm-80 {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 100%;
    max-height: 80%; }
  .flex-gt-sm-85 {
    box-sizing: border-box;
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%; }
  .md-layout-row > .flex-gt-sm-85, .md-layout-gt-sm-row > .flex-gt-sm-85 {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
    max-width: 85%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-85, .md-layout-gt-sm-column > .flex-gt-sm-85 {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
    max-width: 100%;
    max-height: 85%; }
  .flex-gt-sm-90 {
    box-sizing: border-box;
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%; }
  .md-layout-row > .flex-gt-sm-90, .md-layout-gt-sm-row > .flex-gt-sm-90 {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 90%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-90, .md-layout-gt-sm-column > .flex-gt-sm-90 {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 100%;
    max-height: 90%; }
  .flex-gt-sm-95 {
    box-sizing: border-box;
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%; }
  .md-layout-row > .flex-gt-sm-95, .md-layout-gt-sm-row > .flex-gt-sm-95 {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%;
    max-width: 95%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-95, .md-layout-gt-sm-column > .flex-gt-sm-95 {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%;
    max-width: 100%;
    max-height: 95%; }
  .flex-gt-sm-100 {
    box-sizing: border-box;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  .md-layout-row > .flex-gt-sm-100, .md-layout-gt-sm-row > .flex-gt-sm-100 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-100, .md-layout-gt-sm-column > .flex-gt-sm-100 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    max-height: 100%; }
  .md-layout-row > .flex-gt-sm-33, .md-layout-row > .flex-gt-sm-34, .md-layout-gt-sm-row > .flex-gt-sm-33, .md-layout-gt-sm-row > .flex-gt-sm-34 {
    -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    max-width: 33%;
    max-height: 100%; }
  .md-layout-row > .flex-gt-sm-66, .md-layout-row > .flex-gt-sm-67, .md-layout-gt-sm-row > .flex-gt-sm-66, .md-layout-gt-sm-row > .flex-gt-sm-67 {
    -webkit-flex: 0 0 67%;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
    max-width: 67%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-sm-33, .md-layout-column > .flex-gt-sm-34, .md-layout-gt-sm-column > .flex-gt-sm-33, .md-layout-gt-sm-column > .flex-gt-sm-34 {
    -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    max-width: 100%;
    max-height: 33%; }
  .md-layout-column > .flex-gt-sm-66, .md-layout-column > .flex-gt-sm-67, .md-layout-gt-sm-column > .flex-gt-sm-66, .md-layout-gt-sm-column > .flex-gt-sm-67 {
    -webkit-flex: 0 0 67%;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
    max-width: 100%;
    max-height: 67%; }
  .md-layout-gt-sm, .md-layout-gt-sm-column, .md-layout-gt-sm-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .md-layout-gt-sm-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .md-layout-gt-sm-row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 600px) and (max-width: 959px) {
  .hide:not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-sm):not(.show-md):not(.show) {
    display: none; }
  .hide-md:not(.show-md):not(.show) {
    display: none; }
  .flex-order-md-0, [flex-order-md="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  .flex-order-md-1, [flex-order-md="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .flex-order-md-2, [flex-order-md="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .flex-order-md-3, [flex-order-md="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .flex-order-md-4, [flex-order-md="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .flex-order-md-5, [flex-order-md="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .flex-order-md-6, [flex-order-md="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .flex-order-md-7, [flex-order-md="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .flex-order-md-8, [flex-order-md="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .flex-order-md-9, [flex-order-md="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .flex-order-md-10, [flex-order-md="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .flex-order-md-11, [flex-order-md="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .flex-order-md-12, [flex-order-md="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .flex-order-md-13, [flex-order-md="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  .flex-order-md-14, [flex-order-md="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  .flex-order-md-15, [flex-order-md="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  .flex-order-md-16, [flex-order-md="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  .flex-order-md-17, [flex-order-md="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  .flex-order-md-18, [flex-order-md="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  .flex-order-md-19, [flex-order-md="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  .offset-md-0, [offset-md="0"] {
    margin-left: 0%; }
  .offset-md-5, [offset-md="5"] {
    margin-left: 5%; }
  .offset-md-10, [offset-md="10"] {
    margin-left: 10%; }
  .offset-md-15, [offset-md="15"] {
    margin-left: 15%; }
  .offset-md-20, [offset-md="20"] {
    margin-left: 20%; }
  .offset-md-25, [offset-md="25"] {
    margin-left: 25%; }
  .offset-md-30, [offset-md="30"] {
    margin-left: 30%; }
  .offset-md-35, [offset-md="35"] {
    margin-left: 35%; }
  .offset-md-40, [offset-md="40"] {
    margin-left: 40%; }
  .offset-md-45, [offset-md="45"] {
    margin-left: 45%; }
  .offset-md-50, [offset-md="50"] {
    margin-left: 50%; }
  .offset-md-55, [offset-md="55"] {
    margin-left: 55%; }
  .offset-md-60, [offset-md="60"] {
    margin-left: 60%; }
  .offset-md-65, [offset-md="65"] {
    margin-left: 65%; }
  .offset-md-70, [offset-md="70"] {
    margin-left: 70%; }
  .offset-md-75, [offset-md="75"] {
    margin-left: 75%; }
  .offset-md-80, [offset-md="80"] {
    margin-left: 80%; }
  .offset-md-85, [offset-md="85"] {
    margin-left: 85%; }
  .offset-md-90, [offset-md="90"] {
    margin-left: 90%; }
  .offset-md-95, [offset-md="95"] {
    margin-left: 95%; }
  .offset-md-33, [offset-md="33"], .offset-md-34, [offset-md="34"] {
    margin-left: 33%; }
  .offset-md-66, [offset-md="66"], .offset-md-67, [offset-md="67"] {
    margin-left: 67%; }
  .layout-align-md-center, .layout-align-md-center-center, .layout-align-md-center-start, .layout-align-md-center-end, [layout-align-md="center"], [layout-align-md="center center"], [layout-align-md="center start"], [layout-align-md="center end"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .layout-align-md-end, .layout-align-md-end-center, .layout-align-md-end-start, .layout-align-md-end-end, [layout-align-md="end"], [layout-align-md="end center"], [layout-align-md="end start"], [layout-align-md="end end"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .layout-align-md-space-around, .layout-align-md-space-around-center, .layout-align-md-space-around-start, .layout-align-md-space-around-end, [layout-align-md="space-around"], [layout-align-md="space-around center"], [layout-align-md="space-around start"], [layout-align-md="space-around end"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .layout-align-md-space-between, .layout-align-md-space-between-center, .layout-align-md-space-between-start, .layout-align-md-space-between-end, [layout-align-md="space-between"], [layout-align-md="space-between center"], [layout-align-md="space-between start"], [layout-align-md="space-between end"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .layout-align-md-center-start, .layout-align-md-start-start, .layout-align-md-end-start, .layout-align-md-space-between-start, .layout-align-md-space-around-start, [layout-align-md="center start"], [layout-align-md="start start"], [layout-align-md="end start"], [layout-align-md="space-between start"], [layout-align-md="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .layout-align-md-center-center, .layout-align-md-start-center, .layout-align-md-end-center, .layout-align-md-space-between-center, .layout-align-md-space-around-center, [layout-align-md="center center"], [layout-align-md="start center"], [layout-align-md="end center"], [layout-align-md="space-between center"], [layout-align-md="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%; }
  .layout-align-md-center-end, .layout-align-md-start-end, .layout-align-md-end-end, .layout-align-md-space-between-end, .layout-align-md-space-around-end, [layout-align-md="center end"], [layout-align-md="start end"], [layout-align-md="end end"], [layout-align-md="space-between end"], [layout-align-md="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .flex-md {
    box-sizing: border-box; }
  .flex-md {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .flex-md-grow {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
  .flex-md-initial {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .flex-md-auto {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .flex-md-none {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .flex-md-0 {
    box-sizing: border-box;
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%; }
  .md-layout-row > .flex-md-0, .md-layout-md-row > .flex-md-0 {
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%;
    max-width: 0%;
    max-height: 100%; }
  .md-layout-column > .flex-md-0, .md-layout-md-column > .flex-md-0 {
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%;
    max-width: 100%;
    max-height: 0%; }
  .flex-md-5 {
    box-sizing: border-box;
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%; }
  .md-layout-row > .flex-md-5, .md-layout-md-row > .flex-md-5 {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%;
    max-width: 5%;
    max-height: 100%; }
  .md-layout-column > .flex-md-5, .md-layout-md-column > .flex-md-5 {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%;
    max-width: 100%;
    max-height: 5%; }
  .flex-md-10 {
    box-sizing: border-box;
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%; }
  .md-layout-row > .flex-md-10, .md-layout-md-row > .flex-md-10 {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 10%;
    max-height: 100%; }
  .md-layout-column > .flex-md-10, .md-layout-md-column > .flex-md-10 {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 100%;
    max-height: 10%; }
  .flex-md-15 {
    box-sizing: border-box;
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%; }
  .md-layout-row > .flex-md-15, .md-layout-md-row > .flex-md-15 {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%;
    max-width: 15%;
    max-height: 100%; }
  .md-layout-column > .flex-md-15, .md-layout-md-column > .flex-md-15 {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%;
    max-width: 100%;
    max-height: 15%; }
  .flex-md-20 {
    box-sizing: border-box;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%; }
  .md-layout-row > .flex-md-20, .md-layout-md-row > .flex-md-20 {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
    max-height: 100%; }
  .md-layout-column > .flex-md-20, .md-layout-md-column > .flex-md-20 {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 100%;
    max-height: 20%; }
  .flex-md-25 {
    box-sizing: border-box;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; }
  .md-layout-row > .flex-md-25, .md-layout-md-row > .flex-md-25 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    max-height: 100%; }
  .md-layout-column > .flex-md-25, .md-layout-md-column > .flex-md-25 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 100%;
    max-height: 25%; }
  .flex-md-30 {
    box-sizing: border-box;
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%; }
  .md-layout-row > .flex-md-30, .md-layout-md-row > .flex-md-30 {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
    max-height: 100%; }
  .md-layout-column > .flex-md-30, .md-layout-md-column > .flex-md-30 {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 100%;
    max-height: 30%; }
  .flex-md-35 {
    box-sizing: border-box;
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%; }
  .md-layout-row > .flex-md-35, .md-layout-md-row > .flex-md-35 {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    max-width: 35%;
    max-height: 100%; }
  .md-layout-column > .flex-md-35, .md-layout-md-column > .flex-md-35 {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    max-width: 100%;
    max-height: 35%; }
  .flex-md-40 {
    box-sizing: border-box;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%; }
  .md-layout-row > .flex-md-40, .md-layout-md-row > .flex-md-40 {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
    max-height: 100%; }
  .md-layout-column > .flex-md-40, .md-layout-md-column > .flex-md-40 {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 100%;
    max-height: 40%; }
  .flex-md-45 {
    box-sizing: border-box;
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%; }
  .md-layout-row > .flex-md-45, .md-layout-md-row > .flex-md-45 {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    max-width: 45%;
    max-height: 100%; }
  .md-layout-column > .flex-md-45, .md-layout-md-column > .flex-md-45 {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    max-width: 100%;
    max-height: 45%; }
  .flex-md-50 {
    box-sizing: border-box;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  .md-layout-row > .flex-md-50, .md-layout-md-row > .flex-md-50 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    max-height: 100%; }
  .md-layout-column > .flex-md-50, .md-layout-md-column > .flex-md-50 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 100%;
    max-height: 50%; }
  .flex-md-55 {
    box-sizing: border-box;
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%; }
  .md-layout-row > .flex-md-55, .md-layout-md-row > .flex-md-55 {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    max-width: 55%;
    max-height: 100%; }
  .md-layout-column > .flex-md-55, .md-layout-md-column > .flex-md-55 {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    max-width: 100%;
    max-height: 55%; }
  .flex-md-60 {
    box-sizing: border-box;
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%; }
  .md-layout-row > .flex-md-60, .md-layout-md-row > .flex-md-60 {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
    max-height: 100%; }
  .md-layout-column > .flex-md-60, .md-layout-md-column > .flex-md-60 {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 100%;
    max-height: 60%; }
  .flex-md-65 {
    box-sizing: border-box;
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%; }
  .md-layout-row > .flex-md-65, .md-layout-md-row > .flex-md-65 {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    max-width: 65%;
    max-height: 100%; }
  .md-layout-column > .flex-md-65, .md-layout-md-column > .flex-md-65 {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    max-width: 100%;
    max-height: 65%; }
  .flex-md-70 {
    box-sizing: border-box;
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%; }
  .md-layout-row > .flex-md-70, .md-layout-md-row > .flex-md-70 {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 70%;
    max-height: 100%; }
  .md-layout-column > .flex-md-70, .md-layout-md-column > .flex-md-70 {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 100%;
    max-height: 70%; }
  .flex-md-75 {
    box-sizing: border-box;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%; }
  .md-layout-row > .flex-md-75, .md-layout-md-row > .flex-md-75 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
    max-height: 100%; }
  .md-layout-column > .flex-md-75, .md-layout-md-column > .flex-md-75 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 100%;
    max-height: 75%; }
  .flex-md-80 {
    box-sizing: border-box;
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%; }
  .md-layout-row > .flex-md-80, .md-layout-md-row > .flex-md-80 {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
    max-height: 100%; }
  .md-layout-column > .flex-md-80, .md-layout-md-column > .flex-md-80 {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 100%;
    max-height: 80%; }
  .flex-md-85 {
    box-sizing: border-box;
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%; }
  .md-layout-row > .flex-md-85, .md-layout-md-row > .flex-md-85 {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
    max-width: 85%;
    max-height: 100%; }
  .md-layout-column > .flex-md-85, .md-layout-md-column > .flex-md-85 {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
    max-width: 100%;
    max-height: 85%; }
  .flex-md-90 {
    box-sizing: border-box;
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%; }
  .md-layout-row > .flex-md-90, .md-layout-md-row > .flex-md-90 {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 90%;
    max-height: 100%; }
  .md-layout-column > .flex-md-90, .md-layout-md-column > .flex-md-90 {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 100%;
    max-height: 90%; }
  .flex-md-95 {
    box-sizing: border-box;
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%; }
  .md-layout-row > .flex-md-95, .md-layout-md-row > .flex-md-95 {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%;
    max-width: 95%;
    max-height: 100%; }
  .md-layout-column > .flex-md-95, .md-layout-md-column > .flex-md-95 {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%;
    max-width: 100%;
    max-height: 95%; }
  .flex-md-100 {
    box-sizing: border-box;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  .md-layout-row > .flex-md-100, .md-layout-md-row > .flex-md-100 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    max-height: 100%; }
  .md-layout-column > .flex-md-100, .md-layout-md-column > .flex-md-100 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    max-height: 100%; }
  .md-layout-row > .flex-md-33, .md-layout-row > .flex-md-34, .md-layout-md-row > .flex-md-33, .md-layout-md-row > .flex-md-34 {
    -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    max-width: 33%;
    max-height: 100%; }
  .md-layout-row > .flex-md-66, .md-layout-row > .flex-md-67, .md-layout-md-row > .flex-md-66, .md-layout-md-row > .flex-md-67 {
    -webkit-flex: 0 0 67%;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
    max-width: 67%;
    max-height: 100%; }
  .md-layout-column > .flex-md-33, .md-layout-column > .flex-md-34, .md-layout-md-column > .flex-md-33, .md-layout-md-column > .flex-md-34 {
    -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    max-width: 100%;
    max-height: 33%; }
  .md-layout-column > .flex-md-66, .md-layout-column > .flex-md-67, .md-layout-md-column > .flex-md-66, .md-layout-md-column > .flex-md-67 {
    -webkit-flex: 0 0 67%;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
    max-width: 100%;
    max-height: 67%; }
  .md-layout-md, .md-layout-md-column, .md-layout-md-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .md-layout-md-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .md-layout-md-row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 960px) {
  .flex-order-gt-md-0, [flex-order-gt-md="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  .flex-order-gt-md-1, [flex-order-gt-md="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .flex-order-gt-md-2, [flex-order-gt-md="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .flex-order-gt-md-3, [flex-order-gt-md="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .flex-order-gt-md-4, [flex-order-gt-md="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .flex-order-gt-md-5, [flex-order-gt-md="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .flex-order-gt-md-6, [flex-order-gt-md="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .flex-order-gt-md-7, [flex-order-gt-md="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .flex-order-gt-md-8, [flex-order-gt-md="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .flex-order-gt-md-9, [flex-order-gt-md="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .flex-order-gt-md-10, [flex-order-gt-md="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .flex-order-gt-md-11, [flex-order-gt-md="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .flex-order-gt-md-12, [flex-order-gt-md="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .flex-order-gt-md-13, [flex-order-gt-md="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  .flex-order-gt-md-14, [flex-order-gt-md="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  .flex-order-gt-md-15, [flex-order-gt-md="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  .flex-order-gt-md-16, [flex-order-gt-md="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  .flex-order-gt-md-17, [flex-order-gt-md="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  .flex-order-gt-md-18, [flex-order-gt-md="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  .flex-order-gt-md-19, [flex-order-gt-md="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  .offset-gt-md-0, [offset-gt-md="0"] {
    margin-left: 0%; }
  .offset-gt-md-5, [offset-gt-md="5"] {
    margin-left: 5%; }
  .offset-gt-md-10, [offset-gt-md="10"] {
    margin-left: 10%; }
  .offset-gt-md-15, [offset-gt-md="15"] {
    margin-left: 15%; }
  .offset-gt-md-20, [offset-gt-md="20"] {
    margin-left: 20%; }
  .offset-gt-md-25, [offset-gt-md="25"] {
    margin-left: 25%; }
  .offset-gt-md-30, [offset-gt-md="30"] {
    margin-left: 30%; }
  .offset-gt-md-35, [offset-gt-md="35"] {
    margin-left: 35%; }
  .offset-gt-md-40, [offset-gt-md="40"] {
    margin-left: 40%; }
  .offset-gt-md-45, [offset-gt-md="45"] {
    margin-left: 45%; }
  .offset-gt-md-50, [offset-gt-md="50"] {
    margin-left: 50%; }
  .offset-gt-md-55, [offset-gt-md="55"] {
    margin-left: 55%; }
  .offset-gt-md-60, [offset-gt-md="60"] {
    margin-left: 60%; }
  .offset-gt-md-65, [offset-gt-md="65"] {
    margin-left: 65%; }
  .offset-gt-md-70, [offset-gt-md="70"] {
    margin-left: 70%; }
  .offset-gt-md-75, [offset-gt-md="75"] {
    margin-left: 75%; }
  .offset-gt-md-80, [offset-gt-md="80"] {
    margin-left: 80%; }
  .offset-gt-md-85, [offset-gt-md="85"] {
    margin-left: 85%; }
  .offset-gt-md-90, [offset-gt-md="90"] {
    margin-left: 90%; }
  .offset-gt-md-95, [offset-gt-md="95"] {
    margin-left: 95%; }
  .offset-gt-md-33, [offset-gt-md="33"], .offset-gt-md-34, [offset-gt-md="34"] {
    margin-left: 33%; }
  .offset-gt-md-66, [offset-gt-md="66"], .offset-gt-md-67, [offset-gt-md="67"] {
    margin-left: 67%; }
  .layout-align-gt-md-center, .layout-align-gt-md-center-center, .layout-align-gt-md-center-start, .layout-align-gt-md-center-end, [layout-align-gt-md="center"], [layout-align-gt-md="center center"], [layout-align-gt-md="center start"], [layout-align-gt-md="center end"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .layout-align-gt-md-end, .layout-align-gt-md-end-center, .layout-align-gt-md-end-start, .layout-align-gt-md-end-end, [layout-align-gt-md="end"], [layout-align-gt-md="end center"], [layout-align-gt-md="end start"], [layout-align-gt-md="end end"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .layout-align-gt-md-space-around, .layout-align-gt-md-space-around-center, .layout-align-gt-md-space-around-start, .layout-align-gt-md-space-around-end, [layout-align-gt-md="space-around"], [layout-align-gt-md="space-around center"], [layout-align-gt-md="space-around start"], [layout-align-gt-md="space-around end"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .layout-align-gt-md-space-between, .layout-align-gt-md-space-between-center, .layout-align-gt-md-space-between-start, .layout-align-gt-md-space-between-end, [layout-align-gt-md="space-between"], [layout-align-gt-md="space-between center"], [layout-align-gt-md="space-between start"], [layout-align-gt-md="space-between end"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .layout-align-gt-md-center-start, .layout-align-gt-md-start-start, .layout-align-gt-md-end-start, .layout-align-gt-md-space-between-start, .layout-align-gt-md-space-around-start, [layout-align-gt-md="center start"], [layout-align-gt-md="start start"], [layout-align-gt-md="end start"], [layout-align-gt-md="space-between start"], [layout-align-gt-md="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .layout-align-gt-md-center-center, .layout-align-gt-md-start-center, .layout-align-gt-md-end-center, .layout-align-gt-md-space-between-center, .layout-align-gt-md-space-around-center, [layout-align-gt-md="center center"], [layout-align-gt-md="start center"], [layout-align-gt-md="end center"], [layout-align-gt-md="space-between center"], [layout-align-gt-md="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%; }
  .layout-align-gt-md-center-end, .layout-align-gt-md-start-end, .layout-align-gt-md-end-end, .layout-align-gt-md-space-between-end, .layout-align-gt-md-space-around-end, [layout-align-gt-md="center end"], [layout-align-gt-md="start end"], [layout-align-gt-md="end end"], [layout-align-gt-md="space-between end"], [layout-align-gt-md="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .flex-gt-md {
    box-sizing: border-box; }
  .flex-gt-md {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .flex-gt-md-grow {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
  .flex-gt-md-initial {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .flex-gt-md-auto {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .flex-gt-md-none {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .flex-gt-md-0 {
    box-sizing: border-box;
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%; }
  .md-layout-row > .flex-gt-md-0, .md-layout-gt-md-row > .flex-gt-md-0 {
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%;
    max-width: 0%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-0, .md-layout-gt-md-column > .flex-gt-md-0 {
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%;
    max-width: 100%;
    max-height: 0%; }
  .flex-gt-md-5 {
    box-sizing: border-box;
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%; }
  .md-layout-row > .flex-gt-md-5, .md-layout-gt-md-row > .flex-gt-md-5 {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%;
    max-width: 5%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-5, .md-layout-gt-md-column > .flex-gt-md-5 {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%;
    max-width: 100%;
    max-height: 5%; }
  .flex-gt-md-10 {
    box-sizing: border-box;
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%; }
  .md-layout-row > .flex-gt-md-10, .md-layout-gt-md-row > .flex-gt-md-10 {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 10%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-10, .md-layout-gt-md-column > .flex-gt-md-10 {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 100%;
    max-height: 10%; }
  .flex-gt-md-15 {
    box-sizing: border-box;
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%; }
  .md-layout-row > .flex-gt-md-15, .md-layout-gt-md-row > .flex-gt-md-15 {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%;
    max-width: 15%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-15, .md-layout-gt-md-column > .flex-gt-md-15 {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%;
    max-width: 100%;
    max-height: 15%; }
  .flex-gt-md-20 {
    box-sizing: border-box;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%; }
  .md-layout-row > .flex-gt-md-20, .md-layout-gt-md-row > .flex-gt-md-20 {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-20, .md-layout-gt-md-column > .flex-gt-md-20 {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 100%;
    max-height: 20%; }
  .flex-gt-md-25 {
    box-sizing: border-box;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; }
  .md-layout-row > .flex-gt-md-25, .md-layout-gt-md-row > .flex-gt-md-25 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-25, .md-layout-gt-md-column > .flex-gt-md-25 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 100%;
    max-height: 25%; }
  .flex-gt-md-30 {
    box-sizing: border-box;
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%; }
  .md-layout-row > .flex-gt-md-30, .md-layout-gt-md-row > .flex-gt-md-30 {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-30, .md-layout-gt-md-column > .flex-gt-md-30 {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 100%;
    max-height: 30%; }
  .flex-gt-md-35 {
    box-sizing: border-box;
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%; }
  .md-layout-row > .flex-gt-md-35, .md-layout-gt-md-row > .flex-gt-md-35 {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    max-width: 35%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-35, .md-layout-gt-md-column > .flex-gt-md-35 {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    max-width: 100%;
    max-height: 35%; }
  .flex-gt-md-40 {
    box-sizing: border-box;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%; }
  .md-layout-row > .flex-gt-md-40, .md-layout-gt-md-row > .flex-gt-md-40 {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-40, .md-layout-gt-md-column > .flex-gt-md-40 {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 100%;
    max-height: 40%; }
  .flex-gt-md-45 {
    box-sizing: border-box;
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%; }
  .md-layout-row > .flex-gt-md-45, .md-layout-gt-md-row > .flex-gt-md-45 {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    max-width: 45%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-45, .md-layout-gt-md-column > .flex-gt-md-45 {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    max-width: 100%;
    max-height: 45%; }
  .flex-gt-md-50 {
    box-sizing: border-box;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  .md-layout-row > .flex-gt-md-50, .md-layout-gt-md-row > .flex-gt-md-50 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-50, .md-layout-gt-md-column > .flex-gt-md-50 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 100%;
    max-height: 50%; }
  .flex-gt-md-55 {
    box-sizing: border-box;
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%; }
  .md-layout-row > .flex-gt-md-55, .md-layout-gt-md-row > .flex-gt-md-55 {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    max-width: 55%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-55, .md-layout-gt-md-column > .flex-gt-md-55 {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    max-width: 100%;
    max-height: 55%; }
  .flex-gt-md-60 {
    box-sizing: border-box;
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%; }
  .md-layout-row > .flex-gt-md-60, .md-layout-gt-md-row > .flex-gt-md-60 {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-60, .md-layout-gt-md-column > .flex-gt-md-60 {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 100%;
    max-height: 60%; }
  .flex-gt-md-65 {
    box-sizing: border-box;
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%; }
  .md-layout-row > .flex-gt-md-65, .md-layout-gt-md-row > .flex-gt-md-65 {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    max-width: 65%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-65, .md-layout-gt-md-column > .flex-gt-md-65 {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    max-width: 100%;
    max-height: 65%; }
  .flex-gt-md-70 {
    box-sizing: border-box;
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%; }
  .md-layout-row > .flex-gt-md-70, .md-layout-gt-md-row > .flex-gt-md-70 {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 70%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-70, .md-layout-gt-md-column > .flex-gt-md-70 {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 100%;
    max-height: 70%; }
  .flex-gt-md-75 {
    box-sizing: border-box;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%; }
  .md-layout-row > .flex-gt-md-75, .md-layout-gt-md-row > .flex-gt-md-75 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-75, .md-layout-gt-md-column > .flex-gt-md-75 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 100%;
    max-height: 75%; }
  .flex-gt-md-80 {
    box-sizing: border-box;
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%; }
  .md-layout-row > .flex-gt-md-80, .md-layout-gt-md-row > .flex-gt-md-80 {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-80, .md-layout-gt-md-column > .flex-gt-md-80 {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 100%;
    max-height: 80%; }
  .flex-gt-md-85 {
    box-sizing: border-box;
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%; }
  .md-layout-row > .flex-gt-md-85, .md-layout-gt-md-row > .flex-gt-md-85 {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
    max-width: 85%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-85, .md-layout-gt-md-column > .flex-gt-md-85 {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
    max-width: 100%;
    max-height: 85%; }
  .flex-gt-md-90 {
    box-sizing: border-box;
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%; }
  .md-layout-row > .flex-gt-md-90, .md-layout-gt-md-row > .flex-gt-md-90 {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 90%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-90, .md-layout-gt-md-column > .flex-gt-md-90 {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 100%;
    max-height: 90%; }
  .flex-gt-md-95 {
    box-sizing: border-box;
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%; }
  .md-layout-row > .flex-gt-md-95, .md-layout-gt-md-row > .flex-gt-md-95 {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%;
    max-width: 95%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-95, .md-layout-gt-md-column > .flex-gt-md-95 {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%;
    max-width: 100%;
    max-height: 95%; }
  .flex-gt-md-100 {
    box-sizing: border-box;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  .md-layout-row > .flex-gt-md-100, .md-layout-gt-md-row > .flex-gt-md-100 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-100, .md-layout-gt-md-column > .flex-gt-md-100 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    max-height: 100%; }
  .md-layout-row > .flex-gt-md-33, .md-layout-row > .flex-gt-md-34, .md-layout-gt-md-row > .flex-gt-md-33, .md-layout-gt-md-row > .flex-gt-md-34 {
    -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    max-width: 33%;
    max-height: 100%; }
  .md-layout-row > .flex-gt-md-66, .md-layout-row > .flex-gt-md-67, .md-layout-gt-md-row > .flex-gt-md-66, .md-layout-gt-md-row > .flex-gt-md-67 {
    -webkit-flex: 0 0 67%;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
    max-width: 67%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-md-33, .md-layout-column > .flex-gt-md-34, .md-layout-gt-md-column > .flex-gt-md-33, .md-layout-gt-md-column > .flex-gt-md-34 {
    -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    max-width: 100%;
    max-height: 33%; }
  .md-layout-column > .flex-gt-md-66, .md-layout-column > .flex-gt-md-67, .md-layout-gt-md-column > .flex-gt-md-66, .md-layout-gt-md-column > .flex-gt-md-67 {
    -webkit-flex: 0 0 67%;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
    max-width: 100%;
    max-height: 67%; }
  .md-layout-gt-md, .md-layout-gt-md-column, .md-layout-gt-md-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .md-layout-gt-md-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .md-layout-gt-md-row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 960px) and (max-width: 1199px) {
  .hide:not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) {
    display: none; }
  .hide-lg:not(.show-lg):not(.show) {
    display: none; }
  .flex-order-lg-0, [flex-order-lg="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  .flex-order-lg-1, [flex-order-lg="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .flex-order-lg-2, [flex-order-lg="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .flex-order-lg-3, [flex-order-lg="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .flex-order-lg-4, [flex-order-lg="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .flex-order-lg-5, [flex-order-lg="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .flex-order-lg-6, [flex-order-lg="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .flex-order-lg-7, [flex-order-lg="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .flex-order-lg-8, [flex-order-lg="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .flex-order-lg-9, [flex-order-lg="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .flex-order-lg-10, [flex-order-lg="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .flex-order-lg-11, [flex-order-lg="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .flex-order-lg-12, [flex-order-lg="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .flex-order-lg-13, [flex-order-lg="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  .flex-order-lg-14, [flex-order-lg="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  .flex-order-lg-15, [flex-order-lg="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  .flex-order-lg-16, [flex-order-lg="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  .flex-order-lg-17, [flex-order-lg="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  .flex-order-lg-18, [flex-order-lg="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  .flex-order-lg-19, [flex-order-lg="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  .offset-lg-0, [offset-lg="0"] {
    margin-left: 0%; }
  .offset-lg-5, [offset-lg="5"] {
    margin-left: 5%; }
  .offset-lg-10, [offset-lg="10"] {
    margin-left: 10%; }
  .offset-lg-15, [offset-lg="15"] {
    margin-left: 15%; }
  .offset-lg-20, [offset-lg="20"] {
    margin-left: 20%; }
  .offset-lg-25, [offset-lg="25"] {
    margin-left: 25%; }
  .offset-lg-30, [offset-lg="30"] {
    margin-left: 30%; }
  .offset-lg-35, [offset-lg="35"] {
    margin-left: 35%; }
  .offset-lg-40, [offset-lg="40"] {
    margin-left: 40%; }
  .offset-lg-45, [offset-lg="45"] {
    margin-left: 45%; }
  .offset-lg-50, [offset-lg="50"] {
    margin-left: 50%; }
  .offset-lg-55, [offset-lg="55"] {
    margin-left: 55%; }
  .offset-lg-60, [offset-lg="60"] {
    margin-left: 60%; }
  .offset-lg-65, [offset-lg="65"] {
    margin-left: 65%; }
  .offset-lg-70, [offset-lg="70"] {
    margin-left: 70%; }
  .offset-lg-75, [offset-lg="75"] {
    margin-left: 75%; }
  .offset-lg-80, [offset-lg="80"] {
    margin-left: 80%; }
  .offset-lg-85, [offset-lg="85"] {
    margin-left: 85%; }
  .offset-lg-90, [offset-lg="90"] {
    margin-left: 90%; }
  .offset-lg-95, [offset-lg="95"] {
    margin-left: 95%; }
  .offset-lg-33, [offset-lg="33"], .offset-lg-34, [offset-lg="34"] {
    margin-left: 33%; }
  .offset-lg-66, [offset-lg="66"], .offset-lg-67, [offset-lg="67"] {
    margin-left: 67%; }
  .layout-align-lg-center, .layout-align-lg-center-center, .layout-align-lg-center-start, .layout-align-lg-center-end, [layout-align-lg="center"], [layout-align-lg="center center"], [layout-align-lg="center start"], [layout-align-lg="center end"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .layout-align-lg-end, .layout-align-lg-end-center, .layout-align-lg-end-start, .layout-align-lg-end-end, [layout-align-lg="end"], [layout-align-lg="end center"], [layout-align-lg="end start"], [layout-align-lg="end end"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .layout-align-lg-space-around, .layout-align-lg-space-around-center, .layout-align-lg-space-around-start, .layout-align-lg-space-around-end, [layout-align-lg="space-around"], [layout-align-lg="space-around center"], [layout-align-lg="space-around start"], [layout-align-lg="space-around end"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .layout-align-lg-space-between, .layout-align-lg-space-between-center, .layout-align-lg-space-between-start, .layout-align-lg-space-between-end, [layout-align-lg="space-between"], [layout-align-lg="space-between center"], [layout-align-lg="space-between start"], [layout-align-lg="space-between end"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .layout-align-lg-center-start, .layout-align-lg-start-start, .layout-align-lg-end-start, .layout-align-lg-space-between-start, .layout-align-lg-space-around-start, [layout-align-lg="center start"], [layout-align-lg="start start"], [layout-align-lg="end start"], [layout-align-lg="space-between start"], [layout-align-lg="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .layout-align-lg-center-center, .layout-align-lg-start-center, .layout-align-lg-end-center, .layout-align-lg-space-between-center, .layout-align-lg-space-around-center, [layout-align-lg="center center"], [layout-align-lg="start center"], [layout-align-lg="end center"], [layout-align-lg="space-between center"], [layout-align-lg="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%; }
  .layout-align-lg-center-end, .layout-align-lg-start-end, .layout-align-lg-end-end, .layout-align-lg-space-between-end, .layout-align-lg-space-around-end, [layout-align-lg="center end"], [layout-align-lg="start end"], [layout-align-lg="end end"], [layout-align-lg="space-between end"], [layout-align-lg="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .flex-lg {
    box-sizing: border-box; }
  .flex-lg {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .flex-lg-grow {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
  .flex-lg-initial {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .flex-lg-auto {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .flex-lg-none {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .flex-lg-0 {
    box-sizing: border-box;
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%; }
  .md-layout-row > .flex-lg-0, .md-layout-lg-row > .flex-lg-0 {
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%;
    max-width: 0%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-0, .md-layout-lg-column > .flex-lg-0 {
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%;
    max-width: 100%;
    max-height: 0%; }
  .flex-lg-5 {
    box-sizing: border-box;
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%; }
  .md-layout-row > .flex-lg-5, .md-layout-lg-row > .flex-lg-5 {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%;
    max-width: 5%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-5, .md-layout-lg-column > .flex-lg-5 {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%;
    max-width: 100%;
    max-height: 5%; }
  .flex-lg-10 {
    box-sizing: border-box;
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%; }
  .md-layout-row > .flex-lg-10, .md-layout-lg-row > .flex-lg-10 {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 10%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-10, .md-layout-lg-column > .flex-lg-10 {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 100%;
    max-height: 10%; }
  .flex-lg-15 {
    box-sizing: border-box;
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%; }
  .md-layout-row > .flex-lg-15, .md-layout-lg-row > .flex-lg-15 {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%;
    max-width: 15%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-15, .md-layout-lg-column > .flex-lg-15 {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%;
    max-width: 100%;
    max-height: 15%; }
  .flex-lg-20 {
    box-sizing: border-box;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%; }
  .md-layout-row > .flex-lg-20, .md-layout-lg-row > .flex-lg-20 {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-20, .md-layout-lg-column > .flex-lg-20 {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 100%;
    max-height: 20%; }
  .flex-lg-25 {
    box-sizing: border-box;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; }
  .md-layout-row > .flex-lg-25, .md-layout-lg-row > .flex-lg-25 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-25, .md-layout-lg-column > .flex-lg-25 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 100%;
    max-height: 25%; }
  .flex-lg-30 {
    box-sizing: border-box;
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%; }
  .md-layout-row > .flex-lg-30, .md-layout-lg-row > .flex-lg-30 {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-30, .md-layout-lg-column > .flex-lg-30 {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 100%;
    max-height: 30%; }
  .flex-lg-35 {
    box-sizing: border-box;
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%; }
  .md-layout-row > .flex-lg-35, .md-layout-lg-row > .flex-lg-35 {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    max-width: 35%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-35, .md-layout-lg-column > .flex-lg-35 {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    max-width: 100%;
    max-height: 35%; }
  .flex-lg-40 {
    box-sizing: border-box;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%; }
  .md-layout-row > .flex-lg-40, .md-layout-lg-row > .flex-lg-40 {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-40, .md-layout-lg-column > .flex-lg-40 {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 100%;
    max-height: 40%; }
  .flex-lg-45 {
    box-sizing: border-box;
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%; }
  .md-layout-row > .flex-lg-45, .md-layout-lg-row > .flex-lg-45 {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    max-width: 45%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-45, .md-layout-lg-column > .flex-lg-45 {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    max-width: 100%;
    max-height: 45%; }
  .flex-lg-50 {
    box-sizing: border-box;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  .md-layout-row > .flex-lg-50, .md-layout-lg-row > .flex-lg-50 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-50, .md-layout-lg-column > .flex-lg-50 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 100%;
    max-height: 50%; }
  .flex-lg-55 {
    box-sizing: border-box;
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%; }
  .md-layout-row > .flex-lg-55, .md-layout-lg-row > .flex-lg-55 {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    max-width: 55%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-55, .md-layout-lg-column > .flex-lg-55 {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    max-width: 100%;
    max-height: 55%; }
  .flex-lg-60 {
    box-sizing: border-box;
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%; }
  .md-layout-row > .flex-lg-60, .md-layout-lg-row > .flex-lg-60 {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-60, .md-layout-lg-column > .flex-lg-60 {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 100%;
    max-height: 60%; }
  .flex-lg-65 {
    box-sizing: border-box;
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%; }
  .md-layout-row > .flex-lg-65, .md-layout-lg-row > .flex-lg-65 {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    max-width: 65%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-65, .md-layout-lg-column > .flex-lg-65 {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    max-width: 100%;
    max-height: 65%; }
  .flex-lg-70 {
    box-sizing: border-box;
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%; }
  .md-layout-row > .flex-lg-70, .md-layout-lg-row > .flex-lg-70 {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 70%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-70, .md-layout-lg-column > .flex-lg-70 {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 100%;
    max-height: 70%; }
  .flex-lg-75 {
    box-sizing: border-box;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%; }
  .md-layout-row > .flex-lg-75, .md-layout-lg-row > .flex-lg-75 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-75, .md-layout-lg-column > .flex-lg-75 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 100%;
    max-height: 75%; }
  .flex-lg-80 {
    box-sizing: border-box;
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%; }
  .md-layout-row > .flex-lg-80, .md-layout-lg-row > .flex-lg-80 {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-80, .md-layout-lg-column > .flex-lg-80 {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 100%;
    max-height: 80%; }
  .flex-lg-85 {
    box-sizing: border-box;
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%; }
  .md-layout-row > .flex-lg-85, .md-layout-lg-row > .flex-lg-85 {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
    max-width: 85%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-85, .md-layout-lg-column > .flex-lg-85 {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
    max-width: 100%;
    max-height: 85%; }
  .flex-lg-90 {
    box-sizing: border-box;
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%; }
  .md-layout-row > .flex-lg-90, .md-layout-lg-row > .flex-lg-90 {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 90%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-90, .md-layout-lg-column > .flex-lg-90 {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 100%;
    max-height: 90%; }
  .flex-lg-95 {
    box-sizing: border-box;
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%; }
  .md-layout-row > .flex-lg-95, .md-layout-lg-row > .flex-lg-95 {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%;
    max-width: 95%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-95, .md-layout-lg-column > .flex-lg-95 {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%;
    max-width: 100%;
    max-height: 95%; }
  .flex-lg-100 {
    box-sizing: border-box;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  .md-layout-row > .flex-lg-100, .md-layout-lg-row > .flex-lg-100 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-100, .md-layout-lg-column > .flex-lg-100 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    max-height: 100%; }
  .md-layout-row > .flex-lg-33, .md-layout-row > .flex-lg-34, .md-layout-lg-row > .flex-lg-33, .md-layout-lg-row > .flex-lg-34 {
    -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    max-width: 33%;
    max-height: 100%; }
  .md-layout-row > .flex-lg-66, .md-layout-row > .flex-lg-67, .md-layout-lg-row > .flex-lg-66, .md-layout-lg-row > .flex-lg-67 {
    -webkit-flex: 0 0 67%;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
    max-width: 67%;
    max-height: 100%; }
  .md-layout-column > .flex-lg-33, .md-layout-column > .flex-lg-34, .md-layout-lg-column > .flex-lg-33, .md-layout-lg-column > .flex-lg-34 {
    -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    max-width: 100%;
    max-height: 33%; }
  .md-layout-column > .flex-lg-66, .md-layout-column > .flex-lg-67, .md-layout-lg-column > .flex-lg-66, .md-layout-lg-column > .flex-lg-67 {
    -webkit-flex: 0 0 67%;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
    max-width: 100%;
    max-height: 67%; }
  .md-layout-lg, .md-layout-lg-column, .md-layout-lg-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .md-layout-lg-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .md-layout-lg-row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 1200px) {
  .hide-gt-sm:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show), .hide-gt-md:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show), .hide-gt-lg:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show), .hide:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show) {
    display: none; }
  .flex-order-gt-lg-0, [flex-order-gt-lg="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  .flex-order-gt-lg-1, [flex-order-gt-lg="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .flex-order-gt-lg-2, [flex-order-gt-lg="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .flex-order-gt-lg-3, [flex-order-gt-lg="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .flex-order-gt-lg-4, [flex-order-gt-lg="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .flex-order-gt-lg-5, [flex-order-gt-lg="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .flex-order-gt-lg-6, [flex-order-gt-lg="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .flex-order-gt-lg-7, [flex-order-gt-lg="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .flex-order-gt-lg-8, [flex-order-gt-lg="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .flex-order-gt-lg-9, [flex-order-gt-lg="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .flex-order-gt-lg-10, [flex-order-gt-lg="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .flex-order-gt-lg-11, [flex-order-gt-lg="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .flex-order-gt-lg-12, [flex-order-gt-lg="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .flex-order-gt-lg-13, [flex-order-gt-lg="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  .flex-order-gt-lg-14, [flex-order-gt-lg="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  .flex-order-gt-lg-15, [flex-order-gt-lg="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  .flex-order-gt-lg-16, [flex-order-gt-lg="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  .flex-order-gt-lg-17, [flex-order-gt-lg="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  .flex-order-gt-lg-18, [flex-order-gt-lg="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  .flex-order-gt-lg-19, [flex-order-gt-lg="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  .offset-gt-lg-0, [offset-gt-lg="0"] {
    margin-left: 0%; }
  .offset-gt-lg-5, [offset-gt-lg="5"] {
    margin-left: 5%; }
  .offset-gt-lg-10, [offset-gt-lg="10"] {
    margin-left: 10%; }
  .offset-gt-lg-15, [offset-gt-lg="15"] {
    margin-left: 15%; }
  .offset-gt-lg-20, [offset-gt-lg="20"] {
    margin-left: 20%; }
  .offset-gt-lg-25, [offset-gt-lg="25"] {
    margin-left: 25%; }
  .offset-gt-lg-30, [offset-gt-lg="30"] {
    margin-left: 30%; }
  .offset-gt-lg-35, [offset-gt-lg="35"] {
    margin-left: 35%; }
  .offset-gt-lg-40, [offset-gt-lg="40"] {
    margin-left: 40%; }
  .offset-gt-lg-45, [offset-gt-lg="45"] {
    margin-left: 45%; }
  .offset-gt-lg-50, [offset-gt-lg="50"] {
    margin-left: 50%; }
  .offset-gt-lg-55, [offset-gt-lg="55"] {
    margin-left: 55%; }
  .offset-gt-lg-60, [offset-gt-lg="60"] {
    margin-left: 60%; }
  .offset-gt-lg-65, [offset-gt-lg="65"] {
    margin-left: 65%; }
  .offset-gt-lg-70, [offset-gt-lg="70"] {
    margin-left: 70%; }
  .offset-gt-lg-75, [offset-gt-lg="75"] {
    margin-left: 75%; }
  .offset-gt-lg-80, [offset-gt-lg="80"] {
    margin-left: 80%; }
  .offset-gt-lg-85, [offset-gt-lg="85"] {
    margin-left: 85%; }
  .offset-gt-lg-90, [offset-gt-lg="90"] {
    margin-left: 90%; }
  .offset-gt-lg-95, [offset-gt-lg="95"] {
    margin-left: 95%; }
  .offset-gt-lg-33, [offset-gt-lg="33"], .offset-gt-lg-34, [offset-gt-lg="34"] {
    margin-left: 33%; }
  .offset-gt-lg-66, [offset-gt-lg="66"], .offset-gt-lg-67, [offset-gt-lg="67"] {
    margin-left: 67%; }
  .layout-align-gt-lg-center, .layout-align-gt-lg-center-center, .layout-align-gt-lg-center-start, .layout-align-gt-lg-center-end, [layout-align-gt-lg="center"], [layout-align-gt-lg="center center"], [layout-align-gt-lg="center start"], [layout-align-gt-lg="center end"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .layout-align-gt-lg-end, .layout-align-gt-lg-end-center, .layout-align-gt-lg-end-start, .layout-align-gt-lg-end-end, [layout-align-gt-lg="end"], [layout-align-gt-lg="end center"], [layout-align-gt-lg="end start"], [layout-align-gt-lg="end end"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .layout-align-gt-lg-space-around, .layout-align-gt-lg-space-around-center, .layout-align-gt-lg-space-around-start, .layout-align-gt-lg-space-around-end, [layout-align-gt-lg="space-around"], [layout-align-gt-lg="space-around center"], [layout-align-gt-lg="space-around start"], [layout-align-gt-lg="space-around end"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .layout-align-gt-lg-space-between, .layout-align-gt-lg-space-between-center, .layout-align-gt-lg-space-between-start, .layout-align-gt-lg-space-between-end, [layout-align-gt-lg="space-between"], [layout-align-gt-lg="space-between center"], [layout-align-gt-lg="space-between start"], [layout-align-gt-lg="space-between end"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .layout-align-gt-lg-center-start, .layout-align-gt-lg-start-start, .layout-align-gt-lg-end-start, .layout-align-gt-lg-space-between-start, .layout-align-gt-lg-space-around-start, [layout-align-gt-lg="center start"], [layout-align-gt-lg="start start"], [layout-align-gt-lg="end start"], [layout-align-gt-lg="space-between start"], [layout-align-gt-lg="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .layout-align-gt-lg-center-center, .layout-align-gt-lg-start-center, .layout-align-gt-lg-end-center, .layout-align-gt-lg-space-between-center, .layout-align-gt-lg-space-around-center, [layout-align-gt-lg="center center"], [layout-align-gt-lg="start center"], [layout-align-gt-lg="end center"], [layout-align-gt-lg="space-between center"], [layout-align-gt-lg="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%; }
  .layout-align-gt-lg-center-end, .layout-align-gt-lg-start-end, .layout-align-gt-lg-end-end, .layout-align-gt-lg-space-between-end, .layout-align-gt-lg-space-around-end, [layout-align-gt-lg="center end"], [layout-align-gt-lg="start end"], [layout-align-gt-lg="end end"], [layout-align-gt-lg="space-between end"], [layout-align-gt-lg="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .flex-gt-lg {
    box-sizing: border-box; }
  .flex-gt-lg {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .flex-gt-lg-grow {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
  .flex-gt-lg-initial {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .flex-gt-lg-auto {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .flex-gt-lg-none {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .flex-gt-lg-0 {
    box-sizing: border-box;
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%; }
  .md-layout-row > .flex-gt-lg-0, .md-layout-gt-lg-row > .flex-gt-lg-0 {
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%;
    max-width: 0%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-0, .md-layout-gt-lg-column > .flex-gt-lg-0 {
    -webkit-flex: 0 0 0%;
        -ms-flex: 0 0 0%;
            flex: 0 0 0%;
    max-width: 100%;
    max-height: 0%; }
  .flex-gt-lg-5 {
    box-sizing: border-box;
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%; }
  .md-layout-row > .flex-gt-lg-5, .md-layout-gt-lg-row > .flex-gt-lg-5 {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%;
    max-width: 5%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-5, .md-layout-gt-lg-column > .flex-gt-lg-5 {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%;
    max-width: 100%;
    max-height: 5%; }
  .flex-gt-lg-10 {
    box-sizing: border-box;
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%; }
  .md-layout-row > .flex-gt-lg-10, .md-layout-gt-lg-row > .flex-gt-lg-10 {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 10%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-10, .md-layout-gt-lg-column > .flex-gt-lg-10 {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 100%;
    max-height: 10%; }
  .flex-gt-lg-15 {
    box-sizing: border-box;
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%; }
  .md-layout-row > .flex-gt-lg-15, .md-layout-gt-lg-row > .flex-gt-lg-15 {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%;
    max-width: 15%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-15, .md-layout-gt-lg-column > .flex-gt-lg-15 {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%;
    max-width: 100%;
    max-height: 15%; }
  .flex-gt-lg-20 {
    box-sizing: border-box;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%; }
  .md-layout-row > .flex-gt-lg-20, .md-layout-gt-lg-row > .flex-gt-lg-20 {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-20, .md-layout-gt-lg-column > .flex-gt-lg-20 {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 100%;
    max-height: 20%; }
  .flex-gt-lg-25 {
    box-sizing: border-box;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; }
  .md-layout-row > .flex-gt-lg-25, .md-layout-gt-lg-row > .flex-gt-lg-25 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-25, .md-layout-gt-lg-column > .flex-gt-lg-25 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 100%;
    max-height: 25%; }
  .flex-gt-lg-30 {
    box-sizing: border-box;
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%; }
  .md-layout-row > .flex-gt-lg-30, .md-layout-gt-lg-row > .flex-gt-lg-30 {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-30, .md-layout-gt-lg-column > .flex-gt-lg-30 {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 100%;
    max-height: 30%; }
  .flex-gt-lg-35 {
    box-sizing: border-box;
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%; }
  .md-layout-row > .flex-gt-lg-35, .md-layout-gt-lg-row > .flex-gt-lg-35 {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    max-width: 35%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-35, .md-layout-gt-lg-column > .flex-gt-lg-35 {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    max-width: 100%;
    max-height: 35%; }
  .flex-gt-lg-40 {
    box-sizing: border-box;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%; }
  .md-layout-row > .flex-gt-lg-40, .md-layout-gt-lg-row > .flex-gt-lg-40 {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-40, .md-layout-gt-lg-column > .flex-gt-lg-40 {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 100%;
    max-height: 40%; }
  .flex-gt-lg-45 {
    box-sizing: border-box;
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%; }
  .md-layout-row > .flex-gt-lg-45, .md-layout-gt-lg-row > .flex-gt-lg-45 {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    max-width: 45%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-45, .md-layout-gt-lg-column > .flex-gt-lg-45 {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    max-width: 100%;
    max-height: 45%; }
  .flex-gt-lg-50 {
    box-sizing: border-box;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  .md-layout-row > .flex-gt-lg-50, .md-layout-gt-lg-row > .flex-gt-lg-50 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-50, .md-layout-gt-lg-column > .flex-gt-lg-50 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 100%;
    max-height: 50%; }
  .flex-gt-lg-55 {
    box-sizing: border-box;
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%; }
  .md-layout-row > .flex-gt-lg-55, .md-layout-gt-lg-row > .flex-gt-lg-55 {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    max-width: 55%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-55, .md-layout-gt-lg-column > .flex-gt-lg-55 {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    max-width: 100%;
    max-height: 55%; }
  .flex-gt-lg-60 {
    box-sizing: border-box;
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%; }
  .md-layout-row > .flex-gt-lg-60, .md-layout-gt-lg-row > .flex-gt-lg-60 {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-60, .md-layout-gt-lg-column > .flex-gt-lg-60 {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 100%;
    max-height: 60%; }
  .flex-gt-lg-65 {
    box-sizing: border-box;
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%; }
  .md-layout-row > .flex-gt-lg-65, .md-layout-gt-lg-row > .flex-gt-lg-65 {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    max-width: 65%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-65, .md-layout-gt-lg-column > .flex-gt-lg-65 {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    max-width: 100%;
    max-height: 65%; }
  .flex-gt-lg-70 {
    box-sizing: border-box;
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%; }
  .md-layout-row > .flex-gt-lg-70, .md-layout-gt-lg-row > .flex-gt-lg-70 {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 70%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-70, .md-layout-gt-lg-column > .flex-gt-lg-70 {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 100%;
    max-height: 70%; }
  .flex-gt-lg-75 {
    box-sizing: border-box;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%; }
  .md-layout-row > .flex-gt-lg-75, .md-layout-gt-lg-row > .flex-gt-lg-75 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-75, .md-layout-gt-lg-column > .flex-gt-lg-75 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 100%;
    max-height: 75%; }
  .flex-gt-lg-80 {
    box-sizing: border-box;
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%; }
  .md-layout-row > .flex-gt-lg-80, .md-layout-gt-lg-row > .flex-gt-lg-80 {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-80, .md-layout-gt-lg-column > .flex-gt-lg-80 {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 100%;
    max-height: 80%; }
  .flex-gt-lg-85 {
    box-sizing: border-box;
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%; }
  .md-layout-row > .flex-gt-lg-85, .md-layout-gt-lg-row > .flex-gt-lg-85 {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
    max-width: 85%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-85, .md-layout-gt-lg-column > .flex-gt-lg-85 {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
    max-width: 100%;
    max-height: 85%; }
  .flex-gt-lg-90 {
    box-sizing: border-box;
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%; }
  .md-layout-row > .flex-gt-lg-90, .md-layout-gt-lg-row > .flex-gt-lg-90 {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 90%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-90, .md-layout-gt-lg-column > .flex-gt-lg-90 {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 100%;
    max-height: 90%; }
  .flex-gt-lg-95 {
    box-sizing: border-box;
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%; }
  .md-layout-row > .flex-gt-lg-95, .md-layout-gt-lg-row > .flex-gt-lg-95 {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%;
    max-width: 95%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-95, .md-layout-gt-lg-column > .flex-gt-lg-95 {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%;
    max-width: 100%;
    max-height: 95%; }
  .flex-gt-lg-100 {
    box-sizing: border-box;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  .md-layout-row > .flex-gt-lg-100, .md-layout-gt-lg-row > .flex-gt-lg-100 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-100, .md-layout-gt-lg-column > .flex-gt-lg-100 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    max-height: 100%; }
  .md-layout-row > .flex-gt-lg-33, .md-layout-row > .flex-gt-lg-34, .md-layout-gt-lg-row > .flex-gt-lg-33, .md-layout-gt-lg-row > .flex-gt-lg-34 {
    -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    max-width: 33%;
    max-height: 100%; }
  .md-layout-row > .flex-gt-lg-66, .md-layout-row > .flex-gt-lg-67, .md-layout-gt-lg-row > .flex-gt-lg-66, .md-layout-gt-lg-row > .flex-gt-lg-67 {
    -webkit-flex: 0 0 67%;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
    max-width: 67%;
    max-height: 100%; }
  .md-layout-column > .flex-gt-lg-33, .md-layout-column > .flex-gt-lg-34, .md-layout-gt-lg-column > .flex-gt-lg-33, .md-layout-gt-lg-column > .flex-gt-lg-34 {
    -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    max-width: 100%;
    max-height: 33%; }
  .md-layout-column > .flex-gt-lg-66, .md-layout-column > .flex-gt-lg-67, .md-layout-gt-lg-column > .flex-gt-lg-66, .md-layout-gt-lg-column > .flex-gt-lg-67 {
    -webkit-flex: 0 0 67%;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
    max-width: 100%;
    max-height: 67%; }
  .md-layout-gt-lg, .md-layout-gt-lg-column, .md-layout-gt-lg-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .md-layout-gt-lg-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .md-layout-gt-lg-row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

/*
* This file is used to generate a 'standalone' version of the LAYOUT css with attribute selectors.
* This does NOT require the angular-material.js code... rather the raw attribute selectors are used.
*
* NOTE: this means that IE performance with this css only will suffer due to performance issues with
*       attribute selectors
*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  4) http://godban.com.ua/projects/flexgrid
*
*/
@-moz-document url-prefix() {
  [layout-fill] {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%; } }

/*
 *  Apply Mixins to create Layout/Flexbox styles
 *
 */
[flex-order] {
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0; }

[flex-order="0"] {
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0; }

[flex-order="1"] {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

[flex-order="2"] {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

[flex-order="3"] {
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3; }

[flex-order="4"] {
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4; }

[flex-order="5"] {
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5; }

[flex-order="6"] {
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6; }

[flex-order="7"] {
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7; }

[flex-order="8"] {
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8; }

[flex-order="9"] {
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9; }

[flex-order="10"] {
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10; }

[flex-order="11"] {
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11; }

[flex-order="12"] {
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12; }

[flex-order="13"] {
  -webkit-order: 13;
      -ms-flex-order: 13;
          order: 13; }

[flex-order="14"] {
  -webkit-order: 14;
      -ms-flex-order: 14;
          order: 14; }

[flex-order="15"] {
  -webkit-order: 15;
      -ms-flex-order: 15;
          order: 15; }

[flex-order="16"] {
  -webkit-order: 16;
      -ms-flex-order: 16;
          order: 16; }

[flex-order="17"] {
  -webkit-order: 17;
      -ms-flex-order: 17;
          order: 17; }

[flex-order="18"] {
  -webkit-order: 18;
      -ms-flex-order: 18;
          order: 18; }

[flex-order="19"] {
  -webkit-order: 19;
      -ms-flex-order: 19;
          order: 19; }

[offset="0"] {
  margin-left: 0%; }

[offset="5"] {
  margin-left: 5%; }

[offset="10"] {
  margin-left: 10%; }

[offset="15"] {
  margin-left: 15%; }

[offset="20"] {
  margin-left: 20%; }

[offset="25"] {
  margin-left: 25%; }

[offset="30"] {
  margin-left: 30%; }

[offset="35"] {
  margin-left: 35%; }

[offset="40"] {
  margin-left: 40%; }

[offset="45"] {
  margin-left: 45%; }

[offset="50"] {
  margin-left: 50%; }

[offset="55"] {
  margin-left: 55%; }

[offset="60"] {
  margin-left: 60%; }

[offset="65"] {
  margin-left: 65%; }

[offset="70"] {
  margin-left: 70%; }

[offset="75"] {
  margin-left: 75%; }

[offset="80"] {
  margin-left: 80%; }

[offset="85"] {
  margin-left: 85%; }

[offset="90"] {
  margin-left: 90%; }

[offset="95"] {
  margin-left: 95%; }

[offset-="33"], [offset-="34"] {
  margin-left: 33%; }

[offset-="66"], [offset-="67"] {
  margin-left: 67%; }

[layout-align="center"], [layout-align="center center"], [layout-align="center start"], [layout-align="center end"] {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

[layout-align="end"], [layout-align="end center"], [layout-align="end start"], [layout-align="end end"] {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

[layout-align="space-around"], [layout-align="space-around center"], [layout-align="space-around start"], [layout-align="space-around end"] {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }

[layout-align="space-between"], [layout-align="space-between center"], [layout-align="space-between start"], [layout-align="space-between end"] {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

[layout-align="center start"], [layout-align="start start"], [layout-align="end start"], [layout-align="space-between start"], [layout-align="space-around start"] {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }

[layout-align="center center"], [layout-align="start center"], [layout-align="end center"], [layout-align="space-between center"], [layout-align="space-around center"] {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%; }

[layout-align="center end"], [layout-align="start end"], [layout-align="end end"], [layout-align="space-between end"], [layout-align="space-around end"] {
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }

[layout] {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

[layout=column] {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

[layout=row] {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

[flex] {
  box-sizing: border-box; }

[flex] {
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%; }

[flex="initial"] {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto; }

[flex="auto"] {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

[flex="none"] {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

[flex="5"] {
  -webkit-flex: 0 0 5%;
      -ms-flex: 0 0 5%;
          flex: 0 0 5%; }

[layout="row"] > [flex="5"] {
  max-width: 5%;
  max-height: 100%; }

[layout="column"] > [flex="5"] {
  max-width: 100%;
  max-height: 5%; }

[flex="10"] {
  -webkit-flex: 0 0 10%;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%; }

[layout="row"] > [flex="10"] {
  max-width: 10%;
  max-height: 100%; }

[layout="column"] > [flex="10"] {
  max-width: 100%;
  max-height: 10%; }

[flex="15"] {
  -webkit-flex: 0 0 15%;
      -ms-flex: 0 0 15%;
          flex: 0 0 15%; }

[layout="row"] > [flex="15"] {
  max-width: 15%;
  max-height: 100%; }

[layout="column"] > [flex="15"] {
  max-width: 100%;
  max-height: 15%; }

[flex="20"] {
  -webkit-flex: 0 0 20%;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%; }

[layout="row"] > [flex="20"] {
  max-width: 20%;
  max-height: 100%; }

[layout="column"] > [flex="20"] {
  max-width: 100%;
  max-height: 20%; }

[flex="25"] {
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%; }

[layout="row"] > [flex="25"] {
  max-width: 25%;
  max-height: 100%; }

[layout="column"] > [flex="25"] {
  max-width: 100%;
  max-height: 25%; }

[flex="30"] {
  -webkit-flex: 0 0 30%;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%; }

[layout="row"] > [flex="30"] {
  max-width: 30%;
  max-height: 100%; }

[layout="column"] > [flex="30"] {
  max-width: 100%;
  max-height: 30%; }

[flex="35"] {
  -webkit-flex: 0 0 35%;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%; }

[layout="row"] > [flex="35"] {
  max-width: 35%;
  max-height: 100%; }

[layout="column"] > [flex="35"] {
  max-width: 100%;
  max-height: 35%; }

[flex="40"] {
  -webkit-flex: 0 0 40%;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%; }

[layout="row"] > [flex="40"] {
  max-width: 40%;
  max-height: 100%; }

[layout="column"] > [flex="40"] {
  max-width: 100%;
  max-height: 40%; }

[flex="45"] {
  -webkit-flex: 0 0 45%;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%; }

[layout="row"] > [flex="45"] {
  max-width: 45%;
  max-height: 100%; }

[layout="column"] > [flex="45"] {
  max-width: 100%;
  max-height: 45%; }

[flex="50"] {
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%; }

[layout="row"] > [flex="50"] {
  max-width: 50%;
  max-height: 100%; }

[layout="column"] > [flex="50"] {
  max-width: 100%;
  max-height: 50%; }

[flex="55"] {
  -webkit-flex: 0 0 55%;
      -ms-flex: 0 0 55%;
          flex: 0 0 55%; }

[layout="row"] > [flex="55"] {
  max-width: 55%;
  max-height: 100%; }

[layout="column"] > [flex="55"] {
  max-width: 100%;
  max-height: 55%; }

[flex="60"] {
  -webkit-flex: 0 0 60%;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%; }

[layout="row"] > [flex="60"] {
  max-width: 60%;
  max-height: 100%; }

[layout="column"] > [flex="60"] {
  max-width: 100%;
  max-height: 60%; }

[flex="65"] {
  -webkit-flex: 0 0 65%;
      -ms-flex: 0 0 65%;
          flex: 0 0 65%; }

[layout="row"] > [flex="65"] {
  max-width: 65%;
  max-height: 100%; }

[layout="column"] > [flex="65"] {
  max-width: 100%;
  max-height: 65%; }

[flex="70"] {
  -webkit-flex: 0 0 70%;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%; }

[layout="row"] > [flex="70"] {
  max-width: 70%;
  max-height: 100%; }

[layout="column"] > [flex="70"] {
  max-width: 100%;
  max-height: 70%; }

[flex="75"] {
  -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%; }

[layout="row"] > [flex="75"] {
  max-width: 75%;
  max-height: 100%; }

[layout="column"] > [flex="75"] {
  max-width: 100%;
  max-height: 75%; }

[flex="80"] {
  -webkit-flex: 0 0 80%;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%; }

[layout="row"] > [flex="80"] {
  max-width: 80%;
  max-height: 100%; }

[layout="column"] > [flex="80"] {
  max-width: 100%;
  max-height: 80%; }

[flex="85"] {
  -webkit-flex: 0 0 85%;
      -ms-flex: 0 0 85%;
          flex: 0 0 85%; }

[layout="row"] > [flex="85"] {
  max-width: 85%;
  max-height: 100%; }

[layout="column"] > [flex="85"] {
  max-width: 100%;
  max-height: 85%; }

[flex="90"] {
  -webkit-flex: 0 0 90%;
      -ms-flex: 0 0 90%;
          flex: 0 0 90%; }

[layout="row"] > [flex="90"] {
  max-width: 90%;
  max-height: 100%; }

[layout="column"] > [flex="90"] {
  max-width: 100%;
  max-height: 90%; }

[flex="95"] {
  -webkit-flex: 0 0 95%;
      -ms-flex: 0 0 95%;
          flex: 0 0 95%; }

[layout="row"] > [flex="95"] {
  max-width: 95%;
  max-height: 100%; }

[layout="column"] > [flex="95"] {
  max-width: 100%;
  max-height: 95%; }

[flex="100"] {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }

[layout="row"] > [flex="100"] {
  max-width: 100%;
  max-height: 100%; }

[layout="column"] > [flex="100"] {
  max-width: 100%;
  max-height: 100%; }

[layout="row"] > [flex="33"], [layout="row"] > [flex="34"] {
  max-width: 33%;
  max-height: 100%; }
[layout="row"] > [flex="66"], [layout="row"] > [flex="67"] {
  max-width: 67%;
  max-height: 100%; }

[layout="column"] > [flex="33"], [layout="column"] > [flex="34"] {
  max-width: 100%;
  max-height: 33%; }
[layout="column"] > [flex="66"], [layout="column"] > [flex="67"] {
  max-width: 100%;
  max-height: 67%; }

[layout-padding] > [flex-sm], [layout-padding] > [flex-lt-md] {
  padding: 4px; }

[layout-padding], [layout-padding] > [flex], [layout-padding] > [flex-gt-sm], [layout-padding] > [flex-md], [layout-padding] > [flex-lt-lg] {
  padding: 8px; }

[layout-padding] > [flex-gt-md], [layout-padding] > [flex-lg] {
  padding: 16px; }

[layout-margin] > [flex-sm], [layout-margin] > [flex-lt-md] {
  margin: 4px; }

[layout-margin], [layout-margin] > [flex], [layout-margin] > [flex-gt-sm], [layout-margin] > [flex-md], [layout-margin] > [flex-lt-lg] {
  margin: 8px; }

[layout-margin] > [flex-gt-md], [layout-margin] > [flex-lg] {
  margin: 16px; }

[layout-wrap] {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

[layout-nowrap] {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }

[layout-fill] {
  margin: 0;
  width: 100%;
  min-height: 100%;
  height: 100%; }

/**
 * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
 * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
 * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
 *
 *  hide means hide everywhere
 *  Sizes:
 *         0    <= size < 600  Phone
 *         600  <= size < 960  Tablet
 *         960  <= size < 1200 Tablet-Landscape
 */
@media (max-width: 599px) {
  [hide-sm]:not([show-sm]):not([show]), [hide]:not([show-sm]):not([show]) {
    display: none; }
  [flex-order-sm="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  [flex-order-sm="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  [flex-order-sm="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  [flex-order-sm="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  [flex-order-sm="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  [flex-order-sm="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  [flex-order-sm="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  [flex-order-sm="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  [flex-order-sm="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  [flex-order-sm="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  [flex-order-sm="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  [flex-order-sm="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  [flex-order-sm="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  [flex-order-sm="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  [flex-order-sm="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  [flex-order-sm="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  [flex-order-sm="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  [flex-order-sm="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  [flex-order-sm="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  [flex-order-sm="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  [offset-sm="0"] {
    margin-left: 0%; }
  [offset-sm="5"] {
    margin-left: 5%; }
  [offset-sm="10"] {
    margin-left: 10%; }
  [offset-sm="15"] {
    margin-left: 15%; }
  [offset-sm="20"] {
    margin-left: 20%; }
  [offset-sm="25"] {
    margin-left: 25%; }
  [offset-sm="30"] {
    margin-left: 30%; }
  [offset-sm="35"] {
    margin-left: 35%; }
  [offset-sm="40"] {
    margin-left: 40%; }
  [offset-sm="45"] {
    margin-left: 45%; }
  [offset-sm="50"] {
    margin-left: 50%; }
  [offset-sm="55"] {
    margin-left: 55%; }
  [offset-sm="60"] {
    margin-left: 60%; }
  [offset-sm="65"] {
    margin-left: 65%; }
  [offset-sm="70"] {
    margin-left: 70%; }
  [offset-sm="75"] {
    margin-left: 75%; }
  [offset-sm="80"] {
    margin-left: 80%; }
  [offset-sm="85"] {
    margin-left: 85%; }
  [offset-sm="90"] {
    margin-left: 90%; }
  [offset-sm="95"] {
    margin-left: 95%; }
  [offset-sm="33"], [offset-sm="34"] {
    margin-left: 33%; }
  [offset-sm="66"], [offset-sm="67"] {
    margin-left: 67%; }
  [layout-align-sm="center"], [layout-align-sm="center center"], [layout-align-sm="center start"], [layout-align-sm="center end"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [layout-align-sm="end"], [layout-align-sm="end center"], [layout-align-sm="end start"], [layout-align-sm="end end"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [layout-align-sm="space-around"], [layout-align-sm="space-around center"], [layout-align-sm="space-around start"], [layout-align-sm="space-around end"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  [layout-align-sm="space-between"], [layout-align-sm="space-between center"], [layout-align-sm="space-between start"], [layout-align-sm="space-between end"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [layout-align-sm="center start"], [layout-align-sm="start start"], [layout-align-sm="end start"], [layout-align-sm="space-between start"], [layout-align-sm="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  [layout-align-sm="center center"], [layout-align-sm="start center"], [layout-align-sm="end center"], [layout-align-sm="space-between center"], [layout-align-sm="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%; }
  [layout-align-sm="center end"], [layout-align-sm="start end"], [layout-align-sm="end end"], [layout-align-sm="space-between end"], [layout-align-sm="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  [layout-sm] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  [layout-sm=column] {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  [layout-sm=row] {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  [flex-sm] {
    box-sizing: border-box; }
  [flex-sm] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; }
  [flex-sm="initial"] {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  [flex-sm="auto"] {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  [flex-sm="none"] {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  [flex-sm="5"] {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%; }
  [layout-sm="row"] > [flex-sm="5"] {
    max-width: 5%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="5"] {
    max-width: 100%;
    max-height: 5%; }
  [flex-sm="10"] {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%; }
  [layout-sm="row"] > [flex-sm="10"] {
    max-width: 10%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="10"] {
    max-width: 100%;
    max-height: 10%; }
  [flex-sm="15"] {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%; }
  [layout-sm="row"] > [flex-sm="15"] {
    max-width: 15%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="15"] {
    max-width: 100%;
    max-height: 15%; }
  [flex-sm="20"] {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%; }
  [layout-sm="row"] > [flex-sm="20"] {
    max-width: 20%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="20"] {
    max-width: 100%;
    max-height: 20%; }
  [flex-sm="25"] {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; }
  [layout-sm="row"] > [flex-sm="25"] {
    max-width: 25%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="25"] {
    max-width: 100%;
    max-height: 25%; }
  [flex-sm="30"] {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%; }
  [layout-sm="row"] > [flex-sm="30"] {
    max-width: 30%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="30"] {
    max-width: 100%;
    max-height: 30%; }
  [flex-sm="35"] {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%; }
  [layout-sm="row"] > [flex-sm="35"] {
    max-width: 35%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="35"] {
    max-width: 100%;
    max-height: 35%; }
  [flex-sm="40"] {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%; }
  [layout-sm="row"] > [flex-sm="40"] {
    max-width: 40%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="40"] {
    max-width: 100%;
    max-height: 40%; }
  [flex-sm="45"] {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%; }
  [layout-sm="row"] > [flex-sm="45"] {
    max-width: 45%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="45"] {
    max-width: 100%;
    max-height: 45%; }
  [flex-sm="50"] {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  [layout-sm="row"] > [flex-sm="50"] {
    max-width: 50%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="50"] {
    max-width: 100%;
    max-height: 50%; }
  [flex-sm="55"] {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%; }
  [layout-sm="row"] > [flex-sm="55"] {
    max-width: 55%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="55"] {
    max-width: 100%;
    max-height: 55%; }
  [flex-sm="60"] {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%; }
  [layout-sm="row"] > [flex-sm="60"] {
    max-width: 60%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="60"] {
    max-width: 100%;
    max-height: 60%; }
  [flex-sm="65"] {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%; }
  [layout-sm="row"] > [flex-sm="65"] {
    max-width: 65%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="65"] {
    max-width: 100%;
    max-height: 65%; }
  [flex-sm="70"] {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%; }
  [layout-sm="row"] > [flex-sm="70"] {
    max-width: 70%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="70"] {
    max-width: 100%;
    max-height: 70%; }
  [flex-sm="75"] {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%; }
  [layout-sm="row"] > [flex-sm="75"] {
    max-width: 75%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="75"] {
    max-width: 100%;
    max-height: 75%; }
  [flex-sm="80"] {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%; }
  [layout-sm="row"] > [flex-sm="80"] {
    max-width: 80%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="80"] {
    max-width: 100%;
    max-height: 80%; }
  [flex-sm="85"] {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%; }
  [layout-sm="row"] > [flex-sm="85"] {
    max-width: 85%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="85"] {
    max-width: 100%;
    max-height: 85%; }
  [flex-sm="90"] {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%; }
  [layout-sm="row"] > [flex-sm="90"] {
    max-width: 90%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="90"] {
    max-width: 100%;
    max-height: 90%; }
  [flex-sm="95"] {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%; }
  [layout-sm="row"] > [flex-sm="95"] {
    max-width: 95%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="95"] {
    max-width: 100%;
    max-height: 95%; }
  [flex-sm="100"] {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  [layout-sm="row"] > [flex-sm="100"] {
    max-width: 100%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="100"] {
    max-width: 100%;
    max-height: 100%; }
  [layout-sm="row"] > [flex-sm="33"], [layout-sm="row"] > [flex-sm="34"] {
    max-width: 33%;
    max-height: 100%; }
  [layout-sm="row"] > [flex-sm="66"], [layout-sm="row"] > [flex-sm="67"] {
    max-width: 67%;
    max-height: 100%; }
  [layout-sm="column"] > [flex-sm="33"], [layout-sm="column"] > [flex-sm="34"] {
    max-width: 100%;
    max-height: 33%; }
  [layout-sm="column"] > [flex-sm="66"], [layout-sm="column"] > [flex-sm="67"] {
    max-width: 100%;
    max-height: 67%; } }

@media (min-width: 600px) {
  [flex-order-gt-sm="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  [flex-order-gt-sm="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  [flex-order-gt-sm="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  [flex-order-gt-sm="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  [flex-order-gt-sm="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  [flex-order-gt-sm="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  [flex-order-gt-sm="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  [flex-order-gt-sm="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  [flex-order-gt-sm="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  [flex-order-gt-sm="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  [flex-order-gt-sm="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  [flex-order-gt-sm="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  [flex-order-gt-sm="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  [flex-order-gt-sm="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  [flex-order-gt-sm="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  [flex-order-gt-sm="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  [flex-order-gt-sm="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  [flex-order-gt-sm="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  [flex-order-gt-sm="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  [flex-order-gt-sm="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  [offset-gt-sm="0"] {
    margin-left: 0%; }
  [offset-gt-sm="5"] {
    margin-left: 5%; }
  [offset-gt-sm="10"] {
    margin-left: 10%; }
  [offset-gt-sm="15"] {
    margin-left: 15%; }
  [offset-gt-sm="20"] {
    margin-left: 20%; }
  [offset-gt-sm="25"] {
    margin-left: 25%; }
  [offset-gt-sm="30"] {
    margin-left: 30%; }
  [offset-gt-sm="35"] {
    margin-left: 35%; }
  [offset-gt-sm="40"] {
    margin-left: 40%; }
  [offset-gt-sm="45"] {
    margin-left: 45%; }
  [offset-gt-sm="50"] {
    margin-left: 50%; }
  [offset-gt-sm="55"] {
    margin-left: 55%; }
  [offset-gt-sm="60"] {
    margin-left: 60%; }
  [offset-gt-sm="65"] {
    margin-left: 65%; }
  [offset-gt-sm="70"] {
    margin-left: 70%; }
  [offset-gt-sm="75"] {
    margin-left: 75%; }
  [offset-gt-sm="80"] {
    margin-left: 80%; }
  [offset-gt-sm="85"] {
    margin-left: 85%; }
  [offset-gt-sm="90"] {
    margin-left: 90%; }
  [offset-gt-sm="95"] {
    margin-left: 95%; }
  [offset-gt-sm="33"], [offset-gt-sm="34"] {
    margin-left: 33%; }
  [offset-gt-sm="66"], [offset-gt-sm="67"] {
    margin-left: 67%; }
  [layout-align-gt-sm="center"], [layout-align-gt-sm="center center"], [layout-align-gt-sm="center start"], [layout-align-gt-sm="center end"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [layout-align-gt-sm="end"], [layout-align-gt-sm="end center"], [layout-align-gt-sm="end start"], [layout-align-gt-sm="end end"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [layout-align-gt-sm="space-around"], [layout-align-gt-sm="space-around center"], [layout-align-gt-sm="space-around start"], [layout-align-gt-sm="space-around end"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  [layout-align-gt-sm="space-between"], [layout-align-gt-sm="space-between center"], [layout-align-gt-sm="space-between start"], [layout-align-gt-sm="space-between end"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [layout-align-gt-sm="center start"], [layout-align-gt-sm="start start"], [layout-align-gt-sm="end start"], [layout-align-gt-sm="space-between start"], [layout-align-gt-sm="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  [layout-align-gt-sm="center center"], [layout-align-gt-sm="start center"], [layout-align-gt-sm="end center"], [layout-align-gt-sm="space-between center"], [layout-align-gt-sm="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%; }
  [layout-align-gt-sm="center end"], [layout-align-gt-sm="start end"], [layout-align-gt-sm="end end"], [layout-align-gt-sm="space-between end"], [layout-align-gt-sm="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  [layout-gt-sm] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  [layout-gt-sm=column] {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  [layout-gt-sm=row] {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  [flex-gt-sm] {
    box-sizing: border-box; }
  [flex-gt-sm] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; }
  [flex-gt-sm="initial"] {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  [flex-gt-sm="auto"] {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  [flex-gt-sm="none"] {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  [flex-gt-sm="5"] {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%; }
  [layout-gt-sm="row"] > [flex-gt-sm="5"] {
    max-width: 5%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="5"] {
    max-width: 100%;
    max-height: 5%; }
  [flex-gt-sm="10"] {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%; }
  [layout-gt-sm="row"] > [flex-gt-sm="10"] {
    max-width: 10%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="10"] {
    max-width: 100%;
    max-height: 10%; }
  [flex-gt-sm="15"] {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%; }
  [layout-gt-sm="row"] > [flex-gt-sm="15"] {
    max-width: 15%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="15"] {
    max-width: 100%;
    max-height: 15%; }
  [flex-gt-sm="20"] {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%; }
  [layout-gt-sm="row"] > [flex-gt-sm="20"] {
    max-width: 20%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="20"] {
    max-width: 100%;
    max-height: 20%; }
  [flex-gt-sm="25"] {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; }
  [layout-gt-sm="row"] > [flex-gt-sm="25"] {
    max-width: 25%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="25"] {
    max-width: 100%;
    max-height: 25%; }
  [flex-gt-sm="30"] {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%; }
  [layout-gt-sm="row"] > [flex-gt-sm="30"] {
    max-width: 30%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="30"] {
    max-width: 100%;
    max-height: 30%; }
  [flex-gt-sm="35"] {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%; }
  [layout-gt-sm="row"] > [flex-gt-sm="35"] {
    max-width: 35%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="35"] {
    max-width: 100%;
    max-height: 35%; }
  [flex-gt-sm="40"] {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%; }
  [layout-gt-sm="row"] > [flex-gt-sm="40"] {
    max-width: 40%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="40"] {
    max-width: 100%;
    max-height: 40%; }
  [flex-gt-sm="45"] {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%; }
  [layout-gt-sm="row"] > [flex-gt-sm="45"] {
    max-width: 45%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="45"] {
    max-width: 100%;
    max-height: 45%; }
  [flex-gt-sm="50"] {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  [layout-gt-sm="row"] > [flex-gt-sm="50"] {
    max-width: 50%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="50"] {
    max-width: 100%;
    max-height: 50%; }
  [flex-gt-sm="55"] {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%; }
  [layout-gt-sm="row"] > [flex-gt-sm="55"] {
    max-width: 55%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="55"] {
    max-width: 100%;
    max-height: 55%; }
  [flex-gt-sm="60"] {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%; }
  [layout-gt-sm="row"] > [flex-gt-sm="60"] {
    max-width: 60%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="60"] {
    max-width: 100%;
    max-height: 60%; }
  [flex-gt-sm="65"] {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%; }
  [layout-gt-sm="row"] > [flex-gt-sm="65"] {
    max-width: 65%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="65"] {
    max-width: 100%;
    max-height: 65%; }
  [flex-gt-sm="70"] {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%; }
  [layout-gt-sm="row"] > [flex-gt-sm="70"] {
    max-width: 70%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="70"] {
    max-width: 100%;
    max-height: 70%; }
  [flex-gt-sm="75"] {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%; }
  [layout-gt-sm="row"] > [flex-gt-sm="75"] {
    max-width: 75%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="75"] {
    max-width: 100%;
    max-height: 75%; }
  [flex-gt-sm="80"] {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%; }
  [layout-gt-sm="row"] > [flex-gt-sm="80"] {
    max-width: 80%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="80"] {
    max-width: 100%;
    max-height: 80%; }
  [flex-gt-sm="85"] {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%; }
  [layout-gt-sm="row"] > [flex-gt-sm="85"] {
    max-width: 85%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="85"] {
    max-width: 100%;
    max-height: 85%; }
  [flex-gt-sm="90"] {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%; }
  [layout-gt-sm="row"] > [flex-gt-sm="90"] {
    max-width: 90%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="90"] {
    max-width: 100%;
    max-height: 90%; }
  [flex-gt-sm="95"] {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%; }
  [layout-gt-sm="row"] > [flex-gt-sm="95"] {
    max-width: 95%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="95"] {
    max-width: 100%;
    max-height: 95%; }
  [flex-gt-sm="100"] {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  [layout-gt-sm="row"] > [flex-gt-sm="100"] {
    max-width: 100%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="100"] {
    max-width: 100%;
    max-height: 100%; }
  [layout-gt-sm="row"] > [flex-gt-sm="33"], [layout-gt-sm="row"] > [flex-gt-sm="34"] {
    max-width: 33%;
    max-height: 100%; }
  [layout-gt-sm="row"] > [flex-gt-sm="66"], [layout-gt-sm="row"] > [flex-gt-sm="67"] {
    max-width: 67%;
    max-height: 100%; }
  [layout-gt-sm="column"] > [flex-gt-sm="33"], [layout-gt-sm="column"] > [flex-gt-sm="34"] {
    max-width: 100%;
    max-height: 33%; }
  [layout-gt-sm="column"] > [flex-gt-sm="66"], [layout-gt-sm="column"] > [flex-gt-sm="67"] {
    max-width: 100%;
    max-height: 67%; } }

@media (min-width: 600px) and (max-width: 959px) {
  [hide]:not([show-gt-sm]):not([show-md]):not([show]), [hide-gt-sm]:not([show-gt-sm]):not([show-md]):not([show]) {
    display: none; }
  [hide-md]:not([show-md]):not([show]) {
    display: none; }
  [flex-order-md="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  [flex-order-md="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  [flex-order-md="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  [flex-order-md="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  [flex-order-md="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  [flex-order-md="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  [flex-order-md="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  [flex-order-md="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  [flex-order-md="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  [flex-order-md="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  [flex-order-md="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  [flex-order-md="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  [flex-order-md="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  [flex-order-md="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  [flex-order-md="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  [flex-order-md="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  [flex-order-md="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  [flex-order-md="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  [flex-order-md="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  [flex-order-md="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  [offset-md="0"] {
    margin-left: 0%; }
  [offset-md="5"] {
    margin-left: 5%; }
  [offset-md="10"] {
    margin-left: 10%; }
  [offset-md="15"] {
    margin-left: 15%; }
  [offset-md="20"] {
    margin-left: 20%; }
  [offset-md="25"] {
    margin-left: 25%; }
  [offset-md="30"] {
    margin-left: 30%; }
  [offset-md="35"] {
    margin-left: 35%; }
  [offset-md="40"] {
    margin-left: 40%; }
  [offset-md="45"] {
    margin-left: 45%; }
  [offset-md="50"] {
    margin-left: 50%; }
  [offset-md="55"] {
    margin-left: 55%; }
  [offset-md="60"] {
    margin-left: 60%; }
  [offset-md="65"] {
    margin-left: 65%; }
  [offset-md="70"] {
    margin-left: 70%; }
  [offset-md="75"] {
    margin-left: 75%; }
  [offset-md="80"] {
    margin-left: 80%; }
  [offset-md="85"] {
    margin-left: 85%; }
  [offset-md="90"] {
    margin-left: 90%; }
  [offset-md="95"] {
    margin-left: 95%; }
  [offset-md="33"], [offset-md="34"] {
    margin-left: 33%; }
  [offset-md="66"], [offset-md="67"] {
    margin-left: 67%; }
  [layout-align-md="center"], [layout-align-md="center center"], [layout-align-md="center start"], [layout-align-md="center end"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [layout-align-md="end"], [layout-align-md="end center"], [layout-align-md="end start"], [layout-align-md="end end"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [layout-align-md="space-around"], [layout-align-md="space-around center"], [layout-align-md="space-around start"], [layout-align-md="space-around end"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  [layout-align-md="space-between"], [layout-align-md="space-between center"], [layout-align-md="space-between start"], [layout-align-md="space-between end"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [layout-align-md="center start"], [layout-align-md="start start"], [layout-align-md="end start"], [layout-align-md="space-between start"], [layout-align-md="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  [layout-align-md="center center"], [layout-align-md="start center"], [layout-align-md="end center"], [layout-align-md="space-between center"], [layout-align-md="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%; }
  [layout-align-md="center end"], [layout-align-md="start end"], [layout-align-md="end end"], [layout-align-md="space-between end"], [layout-align-md="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  [layout-md] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  [layout-md=column] {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  [layout-md=row] {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  [flex-md] {
    box-sizing: border-box; }
  [flex-md] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; }
  [flex-md="initial"] {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  [flex-md="auto"] {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  [flex-md="none"] {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  [flex-md="5"] {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%; }
  [layout-md="row"] > [flex-md="5"] {
    max-width: 5%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="5"] {
    max-width: 100%;
    max-height: 5%; }
  [flex-md="10"] {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%; }
  [layout-md="row"] > [flex-md="10"] {
    max-width: 10%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="10"] {
    max-width: 100%;
    max-height: 10%; }
  [flex-md="15"] {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%; }
  [layout-md="row"] > [flex-md="15"] {
    max-width: 15%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="15"] {
    max-width: 100%;
    max-height: 15%; }
  [flex-md="20"] {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%; }
  [layout-md="row"] > [flex-md="20"] {
    max-width: 20%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="20"] {
    max-width: 100%;
    max-height: 20%; }
  [flex-md="25"] {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; }
  [layout-md="row"] > [flex-md="25"] {
    max-width: 25%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="25"] {
    max-width: 100%;
    max-height: 25%; }
  [flex-md="30"] {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%; }
  [layout-md="row"] > [flex-md="30"] {
    max-width: 30%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="30"] {
    max-width: 100%;
    max-height: 30%; }
  [flex-md="35"] {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%; }
  [layout-md="row"] > [flex-md="35"] {
    max-width: 35%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="35"] {
    max-width: 100%;
    max-height: 35%; }
  [flex-md="40"] {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%; }
  [layout-md="row"] > [flex-md="40"] {
    max-width: 40%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="40"] {
    max-width: 100%;
    max-height: 40%; }
  [flex-md="45"] {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%; }
  [layout-md="row"] > [flex-md="45"] {
    max-width: 45%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="45"] {
    max-width: 100%;
    max-height: 45%; }
  [flex-md="50"] {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  [layout-md="row"] > [flex-md="50"] {
    max-width: 50%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="50"] {
    max-width: 100%;
    max-height: 50%; }
  [flex-md="55"] {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%; }
  [layout-md="row"] > [flex-md="55"] {
    max-width: 55%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="55"] {
    max-width: 100%;
    max-height: 55%; }
  [flex-md="60"] {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%; }
  [layout-md="row"] > [flex-md="60"] {
    max-width: 60%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="60"] {
    max-width: 100%;
    max-height: 60%; }
  [flex-md="65"] {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%; }
  [layout-md="row"] > [flex-md="65"] {
    max-width: 65%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="65"] {
    max-width: 100%;
    max-height: 65%; }
  [flex-md="70"] {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%; }
  [layout-md="row"] > [flex-md="70"] {
    max-width: 70%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="70"] {
    max-width: 100%;
    max-height: 70%; }
  [flex-md="75"] {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%; }
  [layout-md="row"] > [flex-md="75"] {
    max-width: 75%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="75"] {
    max-width: 100%;
    max-height: 75%; }
  [flex-md="80"] {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%; }
  [layout-md="row"] > [flex-md="80"] {
    max-width: 80%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="80"] {
    max-width: 100%;
    max-height: 80%; }
  [flex-md="85"] {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%; }
  [layout-md="row"] > [flex-md="85"] {
    max-width: 85%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="85"] {
    max-width: 100%;
    max-height: 85%; }
  [flex-md="90"] {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%; }
  [layout-md="row"] > [flex-md="90"] {
    max-width: 90%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="90"] {
    max-width: 100%;
    max-height: 90%; }
  [flex-md="95"] {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%; }
  [layout-md="row"] > [flex-md="95"] {
    max-width: 95%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="95"] {
    max-width: 100%;
    max-height: 95%; }
  [flex-md="100"] {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  [layout-md="row"] > [flex-md="100"] {
    max-width: 100%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="100"] {
    max-width: 100%;
    max-height: 100%; }
  [layout-md="row"] > [flex-md="33"], [layout-md="row"] > [flex-md="34"] {
    max-width: 33%;
    max-height: 100%; }
  [layout-md="row"] > [flex-md="66"], [layout-md="row"] > [flex-md="67"] {
    max-width: 67%;
    max-height: 100%; }
  [layout-md="column"] > [flex-md="33"], [layout-md="column"] > [flex-md="34"] {
    max-width: 100%;
    max-height: 33%; }
  [layout-md="column"] > [flex-md="66"], [layout-md="column"] > [flex-md="67"] {
    max-width: 100%;
    max-height: 67%; } }

@media (min-width: 960px) {
  [flex-order-gt-md="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  [flex-order-gt-md="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  [flex-order-gt-md="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  [flex-order-gt-md="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  [flex-order-gt-md="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  [flex-order-gt-md="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  [flex-order-gt-md="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  [flex-order-gt-md="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  [flex-order-gt-md="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  [flex-order-gt-md="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  [flex-order-gt-md="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  [flex-order-gt-md="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  [flex-order-gt-md="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  [flex-order-gt-md="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  [flex-order-gt-md="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  [flex-order-gt-md="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  [flex-order-gt-md="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  [flex-order-gt-md="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  [flex-order-gt-md="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  [flex-order-gt-md="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  [offset-gt-md="0"] {
    margin-left: 0%; }
  [offset-gt-md="5"] {
    margin-left: 5%; }
  [offset-gt-md="10"] {
    margin-left: 10%; }
  [offset-gt-md="15"] {
    margin-left: 15%; }
  [offset-gt-md="20"] {
    margin-left: 20%; }
  [offset-gt-md="25"] {
    margin-left: 25%; }
  [offset-gt-md="30"] {
    margin-left: 30%; }
  [offset-gt-md="35"] {
    margin-left: 35%; }
  [offset-gt-md="40"] {
    margin-left: 40%; }
  [offset-gt-md="45"] {
    margin-left: 45%; }
  [offset-gt-md="50"] {
    margin-left: 50%; }
  [offset-gt-md="55"] {
    margin-left: 55%; }
  [offset-gt-md="60"] {
    margin-left: 60%; }
  [offset-gt-md="65"] {
    margin-left: 65%; }
  [offset-gt-md="70"] {
    margin-left: 70%; }
  [offset-gt-md="75"] {
    margin-left: 75%; }
  [offset-gt-md="80"] {
    margin-left: 80%; }
  [offset-gt-md="85"] {
    margin-left: 85%; }
  [offset-gt-md="90"] {
    margin-left: 90%; }
  [offset-gt-md="95"] {
    margin-left: 95%; }
  [offset-gt-md="33"], [offset-gt-md="34"] {
    margin-left: 33%; }
  [offset-gt-md="66"], [offset-gt-md="67"] {
    margin-left: 67%; }
  [layout-align-gt-md="center"], [layout-align-gt-md="center center"], [layout-align-gt-md="center start"], [layout-align-gt-md="center end"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [layout-align-gt-md="end"], [layout-align-gt-md="end center"], [layout-align-gt-md="end start"], [layout-align-gt-md="end end"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [layout-align-gt-md="space-around"], [layout-align-gt-md="space-around center"], [layout-align-gt-md="space-around start"], [layout-align-gt-md="space-around end"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  [layout-align-gt-md="space-between"], [layout-align-gt-md="space-between center"], [layout-align-gt-md="space-between start"], [layout-align-gt-md="space-between end"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [layout-align-gt-md="center start"], [layout-align-gt-md="start start"], [layout-align-gt-md="end start"], [layout-align-gt-md="space-between start"], [layout-align-gt-md="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  [layout-align-gt-md="center center"], [layout-align-gt-md="start center"], [layout-align-gt-md="end center"], [layout-align-gt-md="space-between center"], [layout-align-gt-md="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%; }
  [layout-align-gt-md="center end"], [layout-align-gt-md="start end"], [layout-align-gt-md="end end"], [layout-align-gt-md="space-between end"], [layout-align-gt-md="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  [layout-gt-md] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  [layout-gt-md=column] {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  [layout-gt-md=row] {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  [flex-gt-md] {
    box-sizing: border-box; }
  [flex-gt-md] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; }
  [flex-gt-md="initial"] {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  [flex-gt-md="auto"] {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  [flex-gt-md="none"] {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  [flex-gt-md="5"] {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%; }
  [layout-gt-md="row"] > [flex-gt-md="5"] {
    max-width: 5%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="5"] {
    max-width: 100%;
    max-height: 5%; }
  [flex-gt-md="10"] {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%; }
  [layout-gt-md="row"] > [flex-gt-md="10"] {
    max-width: 10%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="10"] {
    max-width: 100%;
    max-height: 10%; }
  [flex-gt-md="15"] {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%; }
  [layout-gt-md="row"] > [flex-gt-md="15"] {
    max-width: 15%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="15"] {
    max-width: 100%;
    max-height: 15%; }
  [flex-gt-md="20"] {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%; }
  [layout-gt-md="row"] > [flex-gt-md="20"] {
    max-width: 20%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="20"] {
    max-width: 100%;
    max-height: 20%; }
  [flex-gt-md="25"] {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; }
  [layout-gt-md="row"] > [flex-gt-md="25"] {
    max-width: 25%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="25"] {
    max-width: 100%;
    max-height: 25%; }
  [flex-gt-md="30"] {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%; }
  [layout-gt-md="row"] > [flex-gt-md="30"] {
    max-width: 30%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="30"] {
    max-width: 100%;
    max-height: 30%; }
  [flex-gt-md="35"] {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%; }
  [layout-gt-md="row"] > [flex-gt-md="35"] {
    max-width: 35%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="35"] {
    max-width: 100%;
    max-height: 35%; }
  [flex-gt-md="40"] {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%; }
  [layout-gt-md="row"] > [flex-gt-md="40"] {
    max-width: 40%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="40"] {
    max-width: 100%;
    max-height: 40%; }
  [flex-gt-md="45"] {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%; }
  [layout-gt-md="row"] > [flex-gt-md="45"] {
    max-width: 45%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="45"] {
    max-width: 100%;
    max-height: 45%; }
  [flex-gt-md="50"] {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  [layout-gt-md="row"] > [flex-gt-md="50"] {
    max-width: 50%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="50"] {
    max-width: 100%;
    max-height: 50%; }
  [flex-gt-md="55"] {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%; }
  [layout-gt-md="row"] > [flex-gt-md="55"] {
    max-width: 55%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="55"] {
    max-width: 100%;
    max-height: 55%; }
  [flex-gt-md="60"] {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%; }
  [layout-gt-md="row"] > [flex-gt-md="60"] {
    max-width: 60%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="60"] {
    max-width: 100%;
    max-height: 60%; }
  [flex-gt-md="65"] {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%; }
  [layout-gt-md="row"] > [flex-gt-md="65"] {
    max-width: 65%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="65"] {
    max-width: 100%;
    max-height: 65%; }
  [flex-gt-md="70"] {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%; }
  [layout-gt-md="row"] > [flex-gt-md="70"] {
    max-width: 70%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="70"] {
    max-width: 100%;
    max-height: 70%; }
  [flex-gt-md="75"] {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%; }
  [layout-gt-md="row"] > [flex-gt-md="75"] {
    max-width: 75%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="75"] {
    max-width: 100%;
    max-height: 75%; }
  [flex-gt-md="80"] {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%; }
  [layout-gt-md="row"] > [flex-gt-md="80"] {
    max-width: 80%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="80"] {
    max-width: 100%;
    max-height: 80%; }
  [flex-gt-md="85"] {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%; }
  [layout-gt-md="row"] > [flex-gt-md="85"] {
    max-width: 85%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="85"] {
    max-width: 100%;
    max-height: 85%; }
  [flex-gt-md="90"] {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%; }
  [layout-gt-md="row"] > [flex-gt-md="90"] {
    max-width: 90%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="90"] {
    max-width: 100%;
    max-height: 90%; }
  [flex-gt-md="95"] {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%; }
  [layout-gt-md="row"] > [flex-gt-md="95"] {
    max-width: 95%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="95"] {
    max-width: 100%;
    max-height: 95%; }
  [flex-gt-md="100"] {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  [layout-gt-md="row"] > [flex-gt-md="100"] {
    max-width: 100%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="100"] {
    max-width: 100%;
    max-height: 100%; }
  [layout-gt-md="row"] > [flex-gt-md="33"], [layout-gt-md="row"] > [flex-gt-md="34"] {
    max-width: 33%;
    max-height: 100%; }
  [layout-gt-md="row"] > [flex-gt-md="66"], [layout-gt-md="row"] > [flex-gt-md="67"] {
    max-width: 67%;
    max-height: 100%; }
  [layout-gt-md="column"] > [flex-gt-md="33"], [layout-gt-md="column"] > [flex-gt-md="34"] {
    max-width: 100%;
    max-height: 33%; }
  [layout-gt-md="column"] > [flex-gt-md="66"], [layout-gt-md="column"] > [flex-gt-md="67"] {
    max-width: 100%;
    max-height: 67%; } }

@media (min-width: 960px) and (max-width: 1199px) {
  [hide]:not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-sm]:not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-md]:not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]) {
    display: none; }
  [hide-lg]:not([show-lg]):not([show]) {
    display: none; }
  [flex-order-lg="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  [flex-order-lg="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  [flex-order-lg="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  [flex-order-lg="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  [flex-order-lg="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  [flex-order-lg="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  [flex-order-lg="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  [flex-order-lg="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  [flex-order-lg="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  [flex-order-lg="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  [flex-order-lg="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  [flex-order-lg="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  [flex-order-lg="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  [flex-order-lg="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  [flex-order-lg="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  [flex-order-lg="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  [flex-order-lg="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  [flex-order-lg="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  [flex-order-lg="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  [flex-order-lg="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  [offset-lg="0"] {
    margin-left: 0%; }
  [offset-lg="5"] {
    margin-left: 5%; }
  [offset-lg="10"] {
    margin-left: 10%; }
  [offset-lg="15"] {
    margin-left: 15%; }
  [offset-lg="20"] {
    margin-left: 20%; }
  [offset-lg="25"] {
    margin-left: 25%; }
  [offset-lg="30"] {
    margin-left: 30%; }
  [offset-lg="35"] {
    margin-left: 35%; }
  [offset-lg="40"] {
    margin-left: 40%; }
  [offset-lg="45"] {
    margin-left: 45%; }
  [offset-lg="50"] {
    margin-left: 50%; }
  [offset-lg="55"] {
    margin-left: 55%; }
  [offset-lg="60"] {
    margin-left: 60%; }
  [offset-lg="65"] {
    margin-left: 65%; }
  [offset-lg="70"] {
    margin-left: 70%; }
  [offset-lg="75"] {
    margin-left: 75%; }
  [offset-lg="80"] {
    margin-left: 80%; }
  [offset-lg="85"] {
    margin-left: 85%; }
  [offset-lg="90"] {
    margin-left: 90%; }
  [offset-lg="95"] {
    margin-left: 95%; }
  [offset-lg="33"], [offset-lg="34"] {
    margin-left: 33%; }
  [offset-lg="66"], [offset-lg="67"] {
    margin-left: 67%; }
  [layout-align-lg="center"], [layout-align-lg="center center"], [layout-align-lg="center start"], [layout-align-lg="center end"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [layout-align-lg="end"], [layout-align-lg="end center"], [layout-align-lg="end start"], [layout-align-lg="end end"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [layout-align-lg="space-around"], [layout-align-lg="space-around center"], [layout-align-lg="space-around start"], [layout-align-lg="space-around end"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  [layout-align-lg="space-between"], [layout-align-lg="space-between center"], [layout-align-lg="space-between start"], [layout-align-lg="space-between end"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [layout-align-lg="center start"], [layout-align-lg="start start"], [layout-align-lg="end start"], [layout-align-lg="space-between start"], [layout-align-lg="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  [layout-align-lg="center center"], [layout-align-lg="start center"], [layout-align-lg="end center"], [layout-align-lg="space-between center"], [layout-align-lg="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%; }
  [layout-align-lg="center end"], [layout-align-lg="start end"], [layout-align-lg="end end"], [layout-align-lg="space-between end"], [layout-align-lg="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  [layout-lg] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  [layout-lg=column] {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  [layout-lg=row] {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  [flex-lg] {
    box-sizing: border-box; }
  [flex-lg] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; }
  [flex-lg="initial"] {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  [flex-lg="auto"] {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  [flex-lg="none"] {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  [flex-lg="5"] {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%; }
  [layout-lg="row"] > [flex-lg="5"] {
    max-width: 5%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="5"] {
    max-width: 100%;
    max-height: 5%; }
  [flex-lg="10"] {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%; }
  [layout-lg="row"] > [flex-lg="10"] {
    max-width: 10%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="10"] {
    max-width: 100%;
    max-height: 10%; }
  [flex-lg="15"] {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%; }
  [layout-lg="row"] > [flex-lg="15"] {
    max-width: 15%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="15"] {
    max-width: 100%;
    max-height: 15%; }
  [flex-lg="20"] {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%; }
  [layout-lg="row"] > [flex-lg="20"] {
    max-width: 20%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="20"] {
    max-width: 100%;
    max-height: 20%; }
  [flex-lg="25"] {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; }
  [layout-lg="row"] > [flex-lg="25"] {
    max-width: 25%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="25"] {
    max-width: 100%;
    max-height: 25%; }
  [flex-lg="30"] {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%; }
  [layout-lg="row"] > [flex-lg="30"] {
    max-width: 30%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="30"] {
    max-width: 100%;
    max-height: 30%; }
  [flex-lg="35"] {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%; }
  [layout-lg="row"] > [flex-lg="35"] {
    max-width: 35%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="35"] {
    max-width: 100%;
    max-height: 35%; }
  [flex-lg="40"] {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%; }
  [layout-lg="row"] > [flex-lg="40"] {
    max-width: 40%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="40"] {
    max-width: 100%;
    max-height: 40%; }
  [flex-lg="45"] {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%; }
  [layout-lg="row"] > [flex-lg="45"] {
    max-width: 45%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="45"] {
    max-width: 100%;
    max-height: 45%; }
  [flex-lg="50"] {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  [layout-lg="row"] > [flex-lg="50"] {
    max-width: 50%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="50"] {
    max-width: 100%;
    max-height: 50%; }
  [flex-lg="55"] {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%; }
  [layout-lg="row"] > [flex-lg="55"] {
    max-width: 55%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="55"] {
    max-width: 100%;
    max-height: 55%; }
  [flex-lg="60"] {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%; }
  [layout-lg="row"] > [flex-lg="60"] {
    max-width: 60%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="60"] {
    max-width: 100%;
    max-height: 60%; }
  [flex-lg="65"] {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%; }
  [layout-lg="row"] > [flex-lg="65"] {
    max-width: 65%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="65"] {
    max-width: 100%;
    max-height: 65%; }
  [flex-lg="70"] {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%; }
  [layout-lg="row"] > [flex-lg="70"] {
    max-width: 70%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="70"] {
    max-width: 100%;
    max-height: 70%; }
  [flex-lg="75"] {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%; }
  [layout-lg="row"] > [flex-lg="75"] {
    max-width: 75%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="75"] {
    max-width: 100%;
    max-height: 75%; }
  [flex-lg="80"] {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%; }
  [layout-lg="row"] > [flex-lg="80"] {
    max-width: 80%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="80"] {
    max-width: 100%;
    max-height: 80%; }
  [flex-lg="85"] {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%; }
  [layout-lg="row"] > [flex-lg="85"] {
    max-width: 85%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="85"] {
    max-width: 100%;
    max-height: 85%; }
  [flex-lg="90"] {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%; }
  [layout-lg="row"] > [flex-lg="90"] {
    max-width: 90%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="90"] {
    max-width: 100%;
    max-height: 90%; }
  [flex-lg="95"] {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%; }
  [layout-lg="row"] > [flex-lg="95"] {
    max-width: 95%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="95"] {
    max-width: 100%;
    max-height: 95%; }
  [flex-lg="100"] {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  [layout-lg="row"] > [flex-lg="100"] {
    max-width: 100%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="100"] {
    max-width: 100%;
    max-height: 100%; }
  [layout-lg="row"] > [flex-lg="33"], [layout-lg="row"] > [flex-lg="34"] {
    max-width: 33%;
    max-height: 100%; }
  [layout-lg="row"] > [flex-lg="66"], [layout-lg="row"] > [flex-lg="67"] {
    max-width: 67%;
    max-height: 100%; }
  [layout-lg="column"] > [flex-lg="33"], [layout-lg="column"] > [flex-lg="34"] {
    max-width: 100%;
    max-height: 33%; }
  [layout-lg="column"] > [flex-lg="66"], [layout-lg="column"] > [flex-lg="67"] {
    max-width: 100%;
    max-height: 67%; } }

@media (min-width: 1200px) {
  [hide-gt-sm]:not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show]), [hide-gt-md]:not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show]), [hide-gt-lg]:not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show]), [hide]:not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show]) {
    display: none; }
  [flex-order-gt-lg="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  [flex-order-gt-lg="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  [flex-order-gt-lg="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  [flex-order-gt-lg="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  [flex-order-gt-lg="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  [flex-order-gt-lg="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  [flex-order-gt-lg="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  [flex-order-gt-lg="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  [flex-order-gt-lg="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  [flex-order-gt-lg="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  [flex-order-gt-lg="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  [flex-order-gt-lg="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  [flex-order-gt-lg="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  [flex-order-gt-lg="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  [flex-order-gt-lg="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  [flex-order-gt-lg="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  [flex-order-gt-lg="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  [flex-order-gt-lg="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  [flex-order-gt-lg="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  [flex-order-gt-lg="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  [offset-gt-lg="0"] {
    margin-left: 0%; }
  [offset-gt-lg="5"] {
    margin-left: 5%; }
  [offset-gt-lg="10"] {
    margin-left: 10%; }
  [offset-gt-lg="15"] {
    margin-left: 15%; }
  [offset-gt-lg="20"] {
    margin-left: 20%; }
  [offset-gt-lg="25"] {
    margin-left: 25%; }
  [offset-gt-lg="30"] {
    margin-left: 30%; }
  [offset-gt-lg="35"] {
    margin-left: 35%; }
  [offset-gt-lg="40"] {
    margin-left: 40%; }
  [offset-gt-lg="45"] {
    margin-left: 45%; }
  [offset-gt-lg="50"] {
    margin-left: 50%; }
  [offset-gt-lg="55"] {
    margin-left: 55%; }
  [offset-gt-lg="60"] {
    margin-left: 60%; }
  [offset-gt-lg="65"] {
    margin-left: 65%; }
  [offset-gt-lg="70"] {
    margin-left: 70%; }
  [offset-gt-lg="75"] {
    margin-left: 75%; }
  [offset-gt-lg="80"] {
    margin-left: 80%; }
  [offset-gt-lg="85"] {
    margin-left: 85%; }
  [offset-gt-lg="90"] {
    margin-left: 90%; }
  [offset-gt-lg="95"] {
    margin-left: 95%; }
  [offset-gt-lg="33"], [offset-gt-lg="34"] {
    margin-left: 33%; }
  [offset-gt-lg="66"], [offset-gt-lg="67"] {
    margin-left: 67%; }
  [layout-align-gt-lg="center"], [layout-align-gt-lg="center center"], [layout-align-gt-lg="center start"], [layout-align-gt-lg="center end"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [layout-align-gt-lg="end"], [layout-align-gt-lg="end center"], [layout-align-gt-lg="end start"], [layout-align-gt-lg="end end"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [layout-align-gt-lg="space-around"], [layout-align-gt-lg="space-around center"], [layout-align-gt-lg="space-around start"], [layout-align-gt-lg="space-around end"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  [layout-align-gt-lg="space-between"], [layout-align-gt-lg="space-between center"], [layout-align-gt-lg="space-between start"], [layout-align-gt-lg="space-between end"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [layout-align-gt-lg="center start"], [layout-align-gt-lg="start start"], [layout-align-gt-lg="end start"], [layout-align-gt-lg="space-between start"], [layout-align-gt-lg="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  [layout-align-gt-lg="center center"], [layout-align-gt-lg="start center"], [layout-align-gt-lg="end center"], [layout-align-gt-lg="space-between center"], [layout-align-gt-lg="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%; }
  [layout-align-gt-lg="center end"], [layout-align-gt-lg="start end"], [layout-align-gt-lg="end end"], [layout-align-gt-lg="space-between end"], [layout-align-gt-lg="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  [layout-gt-lg] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  [layout-gt-lg=column] {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  [layout-gt-lg=row] {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  [flex-gt-lg] {
    box-sizing: border-box; }
  [flex-gt-lg] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; }
  [flex-gt-lg="initial"] {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  [flex-gt-lg="auto"] {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  [flex-gt-lg="none"] {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  [flex-gt-lg="5"] {
    -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%; }
  [layout-gt-lg="row"] > [flex-gt-lg="5"] {
    max-width: 5%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="5"] {
    max-width: 100%;
    max-height: 5%; }
  [flex-gt-lg="10"] {
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%; }
  [layout-gt-lg="row"] > [flex-gt-lg="10"] {
    max-width: 10%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="10"] {
    max-width: 100%;
    max-height: 10%; }
  [flex-gt-lg="15"] {
    -webkit-flex: 0 0 15%;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%; }
  [layout-gt-lg="row"] > [flex-gt-lg="15"] {
    max-width: 15%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="15"] {
    max-width: 100%;
    max-height: 15%; }
  [flex-gt-lg="20"] {
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%; }
  [layout-gt-lg="row"] > [flex-gt-lg="20"] {
    max-width: 20%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="20"] {
    max-width: 100%;
    max-height: 20%; }
  [flex-gt-lg="25"] {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; }
  [layout-gt-lg="row"] > [flex-gt-lg="25"] {
    max-width: 25%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="25"] {
    max-width: 100%;
    max-height: 25%; }
  [flex-gt-lg="30"] {
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%; }
  [layout-gt-lg="row"] > [flex-gt-lg="30"] {
    max-width: 30%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="30"] {
    max-width: 100%;
    max-height: 30%; }
  [flex-gt-lg="35"] {
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%; }
  [layout-gt-lg="row"] > [flex-gt-lg="35"] {
    max-width: 35%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="35"] {
    max-width: 100%;
    max-height: 35%; }
  [flex-gt-lg="40"] {
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%; }
  [layout-gt-lg="row"] > [flex-gt-lg="40"] {
    max-width: 40%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="40"] {
    max-width: 100%;
    max-height: 40%; }
  [flex-gt-lg="45"] {
    -webkit-flex: 0 0 45%;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%; }
  [layout-gt-lg="row"] > [flex-gt-lg="45"] {
    max-width: 45%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="45"] {
    max-width: 100%;
    max-height: 45%; }
  [flex-gt-lg="50"] {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  [layout-gt-lg="row"] > [flex-gt-lg="50"] {
    max-width: 50%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="50"] {
    max-width: 100%;
    max-height: 50%; }
  [flex-gt-lg="55"] {
    -webkit-flex: 0 0 55%;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%; }
  [layout-gt-lg="row"] > [flex-gt-lg="55"] {
    max-width: 55%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="55"] {
    max-width: 100%;
    max-height: 55%; }
  [flex-gt-lg="60"] {
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%; }
  [layout-gt-lg="row"] > [flex-gt-lg="60"] {
    max-width: 60%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="60"] {
    max-width: 100%;
    max-height: 60%; }
  [flex-gt-lg="65"] {
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%; }
  [layout-gt-lg="row"] > [flex-gt-lg="65"] {
    max-width: 65%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="65"] {
    max-width: 100%;
    max-height: 65%; }
  [flex-gt-lg="70"] {
    -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%; }
  [layout-gt-lg="row"] > [flex-gt-lg="70"] {
    max-width: 70%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="70"] {
    max-width: 100%;
    max-height: 70%; }
  [flex-gt-lg="75"] {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%; }
  [layout-gt-lg="row"] > [flex-gt-lg="75"] {
    max-width: 75%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="75"] {
    max-width: 100%;
    max-height: 75%; }
  [flex-gt-lg="80"] {
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%; }
  [layout-gt-lg="row"] > [flex-gt-lg="80"] {
    max-width: 80%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="80"] {
    max-width: 100%;
    max-height: 80%; }
  [flex-gt-lg="85"] {
    -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%; }
  [layout-gt-lg="row"] > [flex-gt-lg="85"] {
    max-width: 85%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="85"] {
    max-width: 100%;
    max-height: 85%; }
  [flex-gt-lg="90"] {
    -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%; }
  [layout-gt-lg="row"] > [flex-gt-lg="90"] {
    max-width: 90%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="90"] {
    max-width: 100%;
    max-height: 90%; }
  [flex-gt-lg="95"] {
    -webkit-flex: 0 0 95%;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%; }
  [layout-gt-lg="row"] > [flex-gt-lg="95"] {
    max-width: 95%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="95"] {
    max-width: 100%;
    max-height: 95%; }
  [flex-gt-lg="100"] {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  [layout-gt-lg="row"] > [flex-gt-lg="100"] {
    max-width: 100%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="100"] {
    max-width: 100%;
    max-height: 100%; }
  [layout-gt-lg="row"] > [flex-gt-lg="33"], [layout-gt-lg="row"] > [flex-gt-lg="34"] {
    max-width: 33%;
    max-height: 100%; }
  [layout-gt-lg="row"] > [flex-gt-lg="66"], [layout-gt-lg="row"] > [flex-gt-lg="67"] {
    max-width: 67%;
    max-height: 100%; }
  [layout-gt-lg="column"] > [flex-gt-lg="33"], [layout-gt-lg="column"] > [flex-gt-lg="34"] {
    max-width: 100%;
    max-height: 33%; }
  [layout-gt-lg="column"] > [flex-gt-lg="66"], [layout-gt-lg="column"] > [flex-gt-lg="67"] {
    max-width: 100%;
    max-height: 67%; } }
